Added more posts

content/contact/index.md

@@ -47,7 +47,7 @@ button[type=submit]:hover {
 </style>
 <iframe name="dummyframe" id="dummyframe" style="display: none;"></iframe>
 
-<form id="contact-form" action="https://api.staticforms.xyz/submit" target="dummyframe" method="POST" onsubmit="alert('you submitted the form');">
+<form id="contact-form" action="https://api.staticforms.xyz/submit" target="dummyframe" method="POST" onsubmit="alert('The form was submitted, thank you!');">
   <input type="hidden" name="accessKey" value="037273a1-68ac-4e2c-9d59-aae8119d36c9">
   <br>
   <div class="mb-3 pt-0">

content/posts/googlecalendar/index.md

@@ -0,0 +1,58 @@
+---
+weight: 2
+title: "E-Ink Google Calendar"
+date: 2020-11-05T15:58:26+08:00
+lastmod: 2020-11-05T15:58:26+08:00
+draft: false
+author: "Rómulo García"
+description: ""
+images: []
+resources:
+- name: "featured-image"
+  src: "featured-image.jpg"
+- name: "featured-image-preview"
+  src: "featured-image-preview.jpg"
+---
+
+E-ink display that connects to your google calendar and retrieves the data from the next 6 days updating every 24 hours.
+
+
+# Parts used:
+
+ -  https://www.waveshare.com/wiki/E-Paper_ESP32_Driver_Board
+ -  https://www.waveshare.com/product/7.5inch-e-paper.htm
+
+# Explanation:
+
+ - We use google scripts to connect to our google calendar and retrieve the needed information.
+ - After doing such, from our esp32 we connect to the scripts application and retrieve the data from the html reponse.
+ - We give format to the response to have a better integrationwith the e-ink display.
+ - We print it to the display using the waveshare library for arduino. (Make sure you have all libraries and drivers download and installed correctly to be able to connect to the display)
+ - The data will update every 24 Hours, restarting the device will force an update at any time.
+
+# Example of data retrieved from google scripts:
+
+Sat May 08 2021
+Lunch with friends                  14:30:00-15:30:00
+Dinner with friends                 21:00:00-22:00:00
+|
+Sun May 09 2021
+Breakfast                           9:30:00-10:30:00
+|
+Mon May 10 2021
+Going to class                      All day
+|
+Tue May 11 2021
+Computer Science Exam               10:00:00-12:00:00
+|
+Wed May 12 2021
+Studying for next exam              All day
+|
+Thu May 13 2021
+Reading                             21:30:00-22:00:00
+
+
+
+{{< style "text-align:center !important;" >}}
+[Github Link](https://github.com/rogarmu8/E-INK-Google-Calendar)
+{{< /style >}}

docs/contact/index.html

@@ -80,5 +80,5 @@ <h1 id="heading"></h1>
             </a><a href="#" id="view-comments" class="fixed-button" title="View Comments">
                 <i class="fas fa-comment fa-fw" aria-hidden="true"></i>
             </a>
-        </div><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/lazysizes.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/clipboard.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/sharer.min.js"></script><script type="text/javascript">window.config={"code":{"copyTitle":"Copy to clipboard","maxShownLines":50},"comment":{},"data":{"id-1":"\n\u003cstyle\u003e\nbody {font-family: Arial, Helvetica, sans-serif;}\n* {box-sizing: border-box;}\n\ninput[type=text], select, textarea {\n  width: 100%;\n  padding: 12px;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  margin-top: 6px;\n  margin-bottom: 16px;\n  resize: vertical;\n}\ninput[type=email], select, textarea {\n  width: 100%;\n  padding: 12px;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  margin-top: 6px;\n  margin-bottom: 16px;\n  resize: vertical;\n}\n\nbutton[type=submit] {\n  background-color: #7e7e7e;\n  color: white;\n  padding: 12px 20px;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\nbutton[type=submit]:hover {\n  background-color: #282828;\n}\n\n\n\u003c/style\u003e\n\u003ciframe name=\"dummyframe\" id=\"dummyframe\" style=\"display: none;\"\u003e\u003c/iframe\u003e\n\n\u003cform id=\"contact-form\" action=\"https://api.staticforms.xyz/submit\" target=\"dummyframe\" method=\"POST\" onsubmit=\"alert('you submitted the form');\"\u003e\n  \u003cinput type=\"hidden\" name=\"accessKey\" value=\"037273a1-68ac-4e2c-9d59-aae8119d36c9\"\u003e\n  \u003cbr\u003e\n  \u003cdiv class=\"mb-3 pt-0\"\u003e\n    \u003cinput type=\"text\" placeholder=\"Your name\" name=\"name\" required /\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"mb-3 pt-0\"\u003e\n    \u003cinput type=\"email\" placeholder=\"Email\" name=\"email\" required /\u003e\n  \u003c/div\u003e\n  \u003cbr\u003e\n  \u003cdiv class=\"mb-3 pt-0\"\u003e\n    \u003ctextarea placeholder=\"Your message\" name=\"message\" style=\"width:100%;height:120px;\" required\u003e\u003c/textarea\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"mb-3 pt-0\"\u003e\n    \u003cbutton type=\"submit\"\u003eSend message\u003c/button\u003e\n  \u003c/div\u003e\n  \u003c!-- If we receive data in this field submission will be ignored --\u003e\n  \u003cinput type=\"text\" name=\"honeypot\" style=\"display: none;\"\u003e\n\u003c/form\u003e\n\n\n"}};</script><script type="text/javascript" src="/js/theme.min.js"></script></body>
+        </div><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/lazysizes.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/clipboard.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/sharer.min.js"></script><script type="text/javascript">window.config={"code":{"copyTitle":"Copy to clipboard","maxShownLines":50},"comment":{},"data":{"id-1":"\n\u003cstyle\u003e\nbody {font-family: Arial, Helvetica, sans-serif;}\n* {box-sizing: border-box;}\n\ninput[type=text], select, textarea {\n  width: 100%;\n  padding: 12px;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  margin-top: 6px;\n  margin-bottom: 16px;\n  resize: vertical;\n}\ninput[type=email], select, textarea {\n  width: 100%;\n  padding: 12px;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  margin-top: 6px;\n  margin-bottom: 16px;\n  resize: vertical;\n}\n\nbutton[type=submit] {\n  background-color: #7e7e7e;\n  color: white;\n  padding: 12px 20px;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\nbutton[type=submit]:hover {\n  background-color: #282828;\n}\n\n\n\u003c/style\u003e\n\u003ciframe name=\"dummyframe\" id=\"dummyframe\" style=\"display: none;\"\u003e\u003c/iframe\u003e\n\n\u003cform id=\"contact-form\" action=\"https://api.staticforms.xyz/submit\" target=\"dummyframe\" method=\"POST\" onsubmit=\"alert('The form was submitted, thank you!');\"\u003e\n  \u003cinput type=\"hidden\" name=\"accessKey\" value=\"037273a1-68ac-4e2c-9d59-aae8119d36c9\"\u003e\n  \u003cbr\u003e\n  \u003cdiv class=\"mb-3 pt-0\"\u003e\n    \u003cinput type=\"text\" placeholder=\"Your name\" name=\"name\" required /\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"mb-3 pt-0\"\u003e\n    \u003cinput type=\"email\" placeholder=\"Email\" name=\"email\" required /\u003e\n  \u003c/div\u003e\n  \u003cbr\u003e\n  \u003cdiv class=\"mb-3 pt-0\"\u003e\n    \u003ctextarea placeholder=\"Your message\" name=\"message\" style=\"width:100%;height:120px;\" required\u003e\u003c/textarea\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"mb-3 pt-0\"\u003e\n    \u003cbutton type=\"submit\"\u003eSend message\u003c/button\u003e\n  \u003c/div\u003e\n  \u003c!-- If we receive data in this field submission will be ignored --\u003e\n  \u003cinput type=\"text\" name=\"honeypot\" style=\"display: none;\"\u003e\n\u003c/form\u003e\n\n\n"}};</script><script type="text/javascript" src="/js/theme.min.js"></script></body>
 </html>

docs/index.html

@@ -108,6 +108,20 @@
     </h1><div class="post-meta"><i class="far fa-calendar-alt fa-fw" aria-hidden="true"></i>&nbsp;<time datetime="2021-02-05">2021-02-05</time>&nbsp;</div><div class="content">AI Song recommendation android application based on user song reviews. The application was made using Android Studio (Java) and Firebase. A Python server-side application was developed to manage data and populate the database.
 Google Play Link </div><div class="post-footer">
         <a href="/posts/onesongaday/">Read More</a></div>
+</article><article class="single summary" itemscope itemtype="http://schema.org/Article"><div class="featured-image-preview">
+            <a href="/posts/googlecalendar/"><img
+        class="lazyload"
+        src="/svg/loading.min.svg"
+        data-src="/posts/googlecalendar/featured-image-preview.jpg"
+        data-srcset="/posts/googlecalendar/featured-image-preview.jpg, /posts/googlecalendar/featured-image-preview.jpg 1.5x, /posts/googlecalendar/featured-image-preview.jpg 2x"
+        data-sizes="auto"
+        alt="/posts/googlecalendar/featured-image-preview.jpg"
+        title="/posts/googlecalendar/featured-image-preview.jpg" /></a>
+        </div><h1 class="single-title" itemprop="name headline">
+        <a href="/posts/googlecalendar/">E-Ink Google Calendar</a>
+    </h1><div class="post-meta"><i class="far fa-calendar-alt fa-fw" aria-hidden="true"></i>&nbsp;<time datetime="2020-11-05">2020-11-05</time>&nbsp;</div><div class="content">E-ink display that connects to your google calendar and retrieves the data from the next 6 days updating every 24 hours.
+Parts used: https://www.waveshare.com/wiki/E-Paper_ESP32_Driver_Board https://www.waveshare.com/product/7.5inch-e-paper.htm Explanation: We use google scripts to connect to our google calendar and retrieve the needed information. After doing such, from our esp32 we connect to the scripts application and retrieve the data from the html reponse. We give format to the response to have a better integrationwith the e-ink display.</div><div class="post-footer">
+        <a href="/posts/googlecalendar/">Read More</a></div>
 </article><article class="single summary" itemscope itemtype="http://schema.org/Article"><div class="featured-image-preview">
             <a href="/posts/clickycode/"><img
         class="lazyload"

docs/index.xml

@@ -33,6 +33,15 @@ Second assignment consisting of a basic 3D engine. The 3D engine is a tool to vi
     <description><![CDATA[AI Song recommendation android application based on user song reviews. The application was made using Android Studio (Java) and Firebase. A Python server-side application was developed to manage data and populate the database.
 Google Play Link ]]></description>
 </item>
+<item>
+    <title>E-Ink Google Calendar</title>
+    <link>https://rogarmu8.github.io/posts/googlecalendar/</link>
+    <pubDate>Thu, 05 Nov 2020 15:58:26 &#43;0800</pubDate>
+    <author>Rómulo García</author>
+    <guid>https://rogarmu8.github.io/posts/googlecalendar/</guid>
+    <description><![CDATA[E-ink display that connects to your google calendar and retrieves the data from the next 6 days updating every 24 hours.
+Parts used: https://www.waveshare.com/wiki/E-Paper_ESP32_Driver_Board https://www.waveshare.com/product/7.5inch-e-paper.htm Explanation: We use google scripts to connect to our google calendar and retrieve the needed information. After doing such, from our esp32 we connect to the scripts application and retrieve the data from the html reponse. We give format to the response to have a better integrationwith the e-ink display.]]></description>
+</item>
 <item>
     <title>Clicky Code</title>
     <link>https://rogarmu8.github.io/posts/clickycode/</link>

docs/posts/clickycode/index.html

@@ -19,7 +19,7 @@
 <meta name="application-name" content="Rómulo García">
 <meta name="apple-mobile-web-app-title" content="Rómulo García"><meta name="theme-color" content="#ffffff"><meta name="msapplication-TileColor" content="#da532c"><link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
         <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"><link rel="manifest" href="/site.webmanifest"><link rel="canonical" href="https://rogarmu8.github.io/posts/clickycode/" /><link rel="prev" href="https://rogarmu8.github.io/posts/fallendots/" /><link rel="next" href="https://rogarmu8.github.io/posts/onesongaday/" /><link rel="stylesheet" href="/css/style.min.css"><link rel="preload" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
+        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"><link rel="manifest" href="/site.webmanifest"><link rel="canonical" href="https://rogarmu8.github.io/posts/clickycode/" /><link rel="prev" href="https://rogarmu8.github.io/posts/fallendots/" /><link rel="next" href="https://rogarmu8.github.io/posts/googlecalendar/" /><link rel="stylesheet" href="/css/style.min.css"><link rel="preload" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
         <noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css"></noscript><link rel="preload" href="https://cdn.jsdelivr.net/npm/[email protected]/animate.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
         <noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/animate.min.css"></noscript><script type="application/ld+json">
     {
@@ -112,7 +112,7 @@ <h2 class="toc-title">Contents</h2>
     </div>
 
     <div class="post-nav"><a href="/posts/fallendots/" class="prev" rel="prev" title="Fallen Dots"><i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>Fallen Dots</a>
-            <a href="/posts/onesongaday/" class="next" rel="next" title="One Song A Day">One Song A Day<i class="fas fa-angle-right fa-fw" aria-hidden="true"></i></a></div>
+            <a href="/posts/googlecalendar/" class="next" rel="next" title="E-Ink Google Calendar">E-Ink Google Calendar<i class="fas fa-angle-right fa-fw" aria-hidden="true"></i></a></div>
 </div>
 </article></div>
             </main><footer class="footer">