feat: added about me page

peterprototypes · Oct 5, 2023 · e5043e8 · e5043e8
1 parent ff21eba
commit e5043e8
Show file tree

Hide file tree

Showing 83 changed files with 782 additions and 3 deletions.
diff --git a/content/about-me/3d-brd-viewer/DeepinScreenshot_select-area_20231004184626.png b/content/about-me/3d-brd-viewer/DeepinScreenshot_select-area_20231004184626.png
diff --git a/content/about-me/3d-brd-viewer/DeepinScreenshot_select-area_20231004184641.png b/content/about-me/3d-brd-viewer/DeepinScreenshot_select-area_20231004184641.png
diff --git a/content/about-me/3d-brd-viewer/Screenshot from 2018-06-12 17-30-05.png b/content/about-me/3d-brd-viewer/Screenshot from 2018-06-12 17-30-05.png
diff --git a/content/about-me/3d-brd-viewer/after.png b/content/about-me/3d-brd-viewer/after.png
diff --git a/content/about-me/arabian-delights/iPad/1.Intro video.png b/content/about-me/arabian-delights/iPad/1.Intro video.png
diff --git a/content/about-me/arabian-delights/iPad/10.Facebook post.png b/content/about-me/arabian-delights/iPad/10.Facebook post.png
diff --git a/content/about-me/arabian-delights/iPad/11.Twitter post.png b/content/about-me/arabian-delights/iPad/11.Twitter post.png
diff --git a/content/about-me/arabian-delights/iPad/12.Settings.png b/content/about-me/arabian-delights/iPad/12.Settings.png
diff --git a/content/about-me/arabian-delights/iPad/2.Home screen.png b/content/about-me/arabian-delights/iPad/2.Home screen.png
diff --git a/content/about-me/arabian-delights/iPad/3.Rubbing lamp effect.png b/content/about-me/arabian-delights/iPad/3.Rubbing lamp effect.png
diff --git a/content/about-me/arabian-delights/iPad/4.Home recipe view.png b/content/about-me/arabian-delights/iPad/4.Home recipe view.png
diff --git a/content/about-me/arabian-delights/iPad/5.Home recipe view with pages.png b/content/about-me/arabian-delights/iPad/5.Home recipe view with pages.png
diff --git a/content/about-me/arabian-delights/iPad/6.Categories.png b/content/about-me/arabian-delights/iPad/6.Categories.png
diff --git a/content/about-me/arabian-delights/iPad/7.Recipe listing.png b/content/about-me/arabian-delights/iPad/7.Recipe listing.png
diff --git a/content/about-me/arabian-delights/iPad/8.Recipe view.png b/content/about-me/arabian-delights/iPad/8.Recipe view.png
diff --git a/content/about-me/arabian-delights/iPad/9.Recipe image.png b/content/about-me/arabian-delights/iPad/9.Recipe image.png
diff --git a/content/about-me/arabian-delights/iPhone/1.intro video.png b/content/about-me/arabian-delights/iPhone/1.intro video.png
diff --git a/content/about-me/arabian-delights/iPhone/2.home screen.png b/content/about-me/arabian-delights/iPhone/2.home screen.png
diff --git a/content/about-me/arabian-delights/iPhone/3.lamp rubbing effect.png b/content/about-me/arabian-delights/iPhone/3.lamp rubbing effect.png
diff --git a/content/about-me/arabian-delights/iPhone/4.recipe view.png b/content/about-me/arabian-delights/iPhone/4.recipe view.png
diff --git a/content/about-me/arabian-delights/iPhone/5.recipe image view.png b/content/about-me/arabian-delights/iPhone/5.recipe image view.png
diff --git a/content/about-me/arabian-delights/iPhone/6.categories view.png b/content/about-me/arabian-delights/iPhone/6.categories view.png
diff --git a/content/about-me/arabian-delights/iPhone/7.recipe listing.png b/content/about-me/arabian-delights/iPhone/7.recipe listing.png
diff --git a/content/about-me/arabian-delights/iPhone/8.facebook post.png b/content/about-me/arabian-delights/iPhone/8.facebook post.png
diff --git a/content/about-me/daily-tarot-reading/1.Home screen.png b/content/about-me/daily-tarot-reading/1.Home screen.png
diff --git a/content/about-me/daily-tarot-reading/2.Settings.png b/content/about-me/daily-tarot-reading/2.Settings.png
diff --git a/content/about-me/daily-tarot-reading/3.Card selection.png b/content/about-me/daily-tarot-reading/3.Card selection.png
diff --git a/content/about-me/daily-tarot-reading/4.Card view.png b/content/about-me/daily-tarot-reading/4.Card view.png
diff --git a/content/about-me/daily-tarot-reading/5.History of selected cards.png b/content/about-me/daily-tarot-reading/5.History of selected cards.png
diff --git a/content/about-me/daily-tarot-reading/7.Browsing all cards.png b/content/about-me/daily-tarot-reading/7.Browsing all cards.png
diff --git a/content/about-me/global-warning/1.Open feint.png b/content/about-me/global-warning/1.Open feint.png
diff --git a/content/about-me/global-warning/10.User information.png b/content/about-me/global-warning/10.User information.png
diff --git a/content/about-me/global-warning/11.Gameplay.png b/content/about-me/global-warning/11.Gameplay.png
diff --git a/content/about-me/global-warning/12.Gameplay selected country.png b/content/about-me/global-warning/12.Gameplay selected country.png
diff --git a/content/about-me/global-warning/13.Gameplay.png b/content/about-me/global-warning/13.Gameplay.png
diff --git a/content/about-me/global-warning/14.Pause screen.png b/content/about-me/global-warning/14.Pause screen.png
diff --git a/content/about-me/global-warning/15.Wrong country guessed -_ ufo sucking people.png b/content/about-me/global-warning/15.Wrong country guessed -_ ufo sucking people.png
diff --git a/content/about-me/global-warning/16.End level status screen.png b/content/about-me/global-warning/16.End level status screen.png
diff --git a/content/about-me/global-warning/17.Bonus level -_ country puzzle.png b/content/about-me/global-warning/17.Bonus level -_ country puzzle.png
diff --git a/content/about-me/global-warning/18.Bonus level gameplay.png b/content/about-me/global-warning/18.Bonus level gameplay.png
diff --git a/content/about-me/global-warning/2.Main menu.png b/content/about-me/global-warning/2.Main menu.png
diff --git a/content/about-me/global-warning/3.Options.png b/content/about-me/global-warning/3.Options.png
diff --git a/content/about-me/global-warning/4.Reference map.png b/content/about-me/global-warning/4.Reference map.png
diff --git a/content/about-me/global-warning/5.Reference map selected country.png b/content/about-me/global-warning/5.Reference map selected country.png
diff --git a/content/about-me/global-warning/6.Reference countries table.png b/content/about-me/global-warning/6.Reference countries table.png
diff --git a/content/about-me/global-warning/7.Country information.png b/content/about-me/global-warning/7.Country information.png
diff --git a/content/about-me/global-warning/8.Info_Help screen.png b/content/about-me/global-warning/8.Info_Help screen.png
diff --git a/content/about-me/global-warning/9.Start game -_ intro.png b/content/about-me/global-warning/9.Start game -_ intro.png
diff --git a/content/about-me/index.md b/content/about-me/index.md
diff --git a/content/about-me/novella-clinic-peachtree/1 (copy 1).png b/content/about-me/novella-clinic-peachtree/1 (copy 1).png
diff --git a/content/about-me/novella-clinic-peachtree/1.png b/content/about-me/novella-clinic-peachtree/1.png
diff --git a/content/about-me/novella-clinic-peachtree/10.png b/content/about-me/novella-clinic-peachtree/10.png
diff --git a/content/about-me/novella-clinic-peachtree/2 (copy 1).png b/content/about-me/novella-clinic-peachtree/2 (copy 1).png
diff --git a/content/about-me/novella-clinic-peachtree/2.png b/content/about-me/novella-clinic-peachtree/2.png
diff --git a/content/about-me/novella-clinic-peachtree/3.png b/content/about-me/novella-clinic-peachtree/3.png
diff --git a/content/about-me/novella-clinic-peachtree/4.png b/content/about-me/novella-clinic-peachtree/4.png
diff --git a/content/about-me/novella-clinic-peachtree/5.png b/content/about-me/novella-clinic-peachtree/5.png
diff --git a/content/about-me/novella-clinic-peachtree/8.png b/content/about-me/novella-clinic-peachtree/8.png
diff --git a/content/about-me/scene-speak/1.Home screen.png b/content/about-me/scene-speak/1.Home screen.png
diff --git a/content/about-me/scene-speak/10. Add VSD to book.png b/content/about-me/scene-speak/10. Add VSD to book.png
diff --git a/content/about-me/scene-speak/11.Book with VSDs.png b/content/about-me/scene-speak/11.Book with VSDs.png
diff --git a/content/about-me/scene-speak/12.Book browsing (Image carousel).png b/content/about-me/scene-speak/12.Book browsing (Image carousel).png
diff --git a/content/about-me/scene-speak/13.Info screen.png b/content/about-me/scene-speak/13.Info screen.png
diff --git a/content/about-me/scene-speak/2.VSD library.png b/content/about-me/scene-speak/2.VSD library.png
diff --git a/content/about-me/scene-speak/3.New VSD.png b/content/about-me/scene-speak/3.New VSD.png
diff --git a/content/about-me/scene-speak/4.Edit VSD.png b/content/about-me/scene-speak/4.Edit VSD.png
diff --git a/content/about-me/scene-speak/5.Photo sources.png b/content/about-me/scene-speak/5.Photo sources.png
diff --git a/content/about-me/scene-speak/6.VSD Sound areas.png b/content/about-me/scene-speak/6.VSD Sound areas.png
diff --git a/content/about-me/scene-speak/7.VSD Sound aread with recorded sound.png b/content/about-me/scene-speak/7.VSD Sound aread with recorded sound.png
diff --git a/content/about-me/scene-speak/8.Books.png b/content/about-me/scene-speak/8.Books.png
diff --git a/content/about-me/scene-speak/9.New book.png b/content/about-me/scene-speak/9.New book.png
diff --git a/content/about-me/stampii-ios/1.jpg b/content/about-me/stampii-ios/1.jpg
diff --git a/content/about-me/stampii-ios/2.jpg b/content/about-me/stampii-ios/2.jpg
diff --git a/content/about-me/stampii-ios/3.jpg b/content/about-me/stampii-ios/3.jpg
diff --git a/content/about-me/stampii-ios/4.jpg b/content/about-me/stampii-ios/4.jpg
diff --git a/content/about-me/stampii-ios/5.jpg b/content/about-me/stampii-ios/5.jpg
diff --git a/content/about-me/stampii-ios/6.jpg b/content/about-me/stampii-ios/6.jpg
diff --git a/static/css/photoswipe.css b/static/css/photoswipe.css
diff --git a/static/style.css → static/css/style.css b/static/style.css → static/css/style.css
@@ -309,6 +309,51 @@ main {
     order: 1
 }
 
+/* About Me Page */
+
+.about-page {
+    font-size: smaller;
+}
+
+.about-page ul,
+.about-page ul ul {
+    padding-left: 15px;
+    margin: 0 0 1.5em 0;
+}
+
+.about-page h1 {
+    border-bottom: thin solid #cccccc;
+}
+
+.about-page h2 {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: bold;
+    color: white;
+    background-color: #bababa;
+    padding: 5px 15px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin: 1.5em 0 0 0;
+}
+
+.about-page h2 em {
+    font-weight: normal;
+    font-size: smaller;
+}
+
+.about-page p {
+    margin-top: 1.5em;
+}
+
+.about-page code {
+    display: inline-block;
+    padding: 0px 6px;
+    border: thin solid #cccccc;
+    border-radius: 5px;
+}
+
 /* 404 */
 
 .fof {

diff --git a/static/js/photoswipe.umd.min.js b/static/js/photoswipe.umd.min.js
diff --git a/static/script.js → static/js/script.js b/static/script.js → static/js/script.js
diff --git a/templates/about-me.html b/templates/about-me.html
@@ -0,0 +1,49 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="about-page">
+    {{ page.content | safe }}
+</div>
+{% endblock content %}
+
+{% block scripts %}
+<script src="/js/photoswipe.umd.min.js"></script>
+
+{% set asset_metadata = [] %}
+{% for asset in page.assets %}
+{% if asset is matching("[.](jpg|png)$") %}
+{% set meta = get_image_metadata(path=asset) %}
+{% set_global asset_metadata = asset_metadata | concat(with=meta) %}
+{% endif %}
+{% endfor %}
+
+<script type="text/javascript">
+    const assets = JSON.parse('{{ page.assets | json_encode() | safe }}');
+    const asset_metadata = JSON.parse('{{ asset_metadata | json_encode() | safe }}');
+
+    window.onload = function () {
+        let elements = document.getElementsByClassName("gallery");
+
+        for (let i = 0; i < elements.length; i++) {
+            elements[i].onclick = function (e) {
+                const id = e.target.dataset.id;
+
+                const pswp = new PhotoSwipe({
+                    dataSource: assets.map((src, index) => ({
+                        src: src,
+                        ...asset_metadata[index]
+                    })).filter(({ src }) => src.startsWith("/about-me/" + id))
+                });
+
+                pswp.init();
+
+                return false;
+            }
+        }
+    };
+</script>
+{% endblock scripts %}
+
+{% block stylesheets %}
+<link rel="stylesheet" href="/css/photoswipe.css">
+{% endblock stylesheets %}
diff --git a/templates/base.html b/templates/base.html
@@ -24,11 +24,13 @@
         %}"application/rss+xml"{% endif %} title="RSS" href="{{ get_url(path=config.feed_filename) | safe }}">
     {% endif %}
 
-    <link rel="stylesheet" type="text/css" href="/style.css">
+    <link rel="stylesheet" type="text/css" href="/css/style.css">
+    {% block stylesheets %} {% endblock %}
 </head>
 
+
 <body>
-    <main class="{% if not current_path or current_path == '/' %}index-page{% endif %}">
+    <main class="{% if not current_path or current_path == '/' or current_path == '/about-me/' %}index-page{% endif %}">
         <aside class="me">
             <div class="profile-photo-wrapper">
                 <img src="/img/ProfilePhoto-400.jpg" alt="Peter Todorov Profile Picture" class="profile-photo" />
@@ -65,6 +67,7 @@ <h1><a href="/">Peter Todorov</a></h1>
                     inaccuracies
                     or wish to contribute, don't hesitate to open a PR on GitHub or drop me an email.
                 </p>
+                <a href="/about-me">About Me</a>
             </div>
         </aside>
         <div class="border"></div>
@@ -75,7 +78,8 @@ <h1><a href="/">Peter Todorov</a></h1>
 
     {% include "partials/github-corner.html" %}
 
-    <script src="/script.js"></script>
+    {% block scripts %} {% endblock %}
+    <script src="/js/script.js"></script>
 </body>
 
 </html>