new_writing <- main

README.md

@@ -10,6 +10,8 @@ This readme file will act as a progress checklist for items I would like to deve
 
 - [ ] Implement a project page discussing research done pertaining to chat-gpt and stack-overflow comparison.
 - [ ] Implement a project page discussing my experience as a university adjunct teaching data structures.
+- [x] Implement a project page discussing research scaffold of a privacy audit framework.
+- [x] Implement a project page discussing the implementation of the image gallery for `/photography/`.
 - [ ] Javascript refactor to DRY out the scripts currently in use:
     - [x] Mobile scrolling logic used in index pages.
         - `primeClassTransitions()`
@@ -21,3 +23,10 @@ This readme file will act as a progress checklist for items I would like to deve
     - [ ] Functionality that repositions a figure with a set of javascript controls.
         - `setDynamicFigureStyle()`
 - [ ] Implement webmentions.
+- [x] Implement an image gallery as an alternative to VSCO.
+    - [ ] Optimize image placement algorithm.
+    - [ ] Fine-tune column readjustment algorithm.
+    - [ ] Generate caption study.
+- [ ] Reorganize image placement.
+    - [ ] Change format of images to something more portable (webp).
+- [ ] Add meta tag management for PHP template.

index.php

@@ -16,23 +16,23 @@
             <nav>
                 <a href='writings/'>
                     <img src='images/text-logo-grey.png' alt='Icon for blog link'>
-                    Writings
+                    <span style='margin-left:10px;'>Writings</span>
                 </a>
                 <a href='projects/'>
                     <img src='images/description.svg' alt='Icon for projects link'>
-                    Projects
+                    <span style='margin-left:10px;'>Projects</span>
                 </a>
-                <a href='https://vsco.co/alanmckay/gallery' target="_blank" rel="noopener noreferrer">
-                    <img src='images/vsco-logo-grey.png' alt='Icon for VSCO link'>
-                    VSCO
+                <a href='photography/' style='overflow-wrap: break-word;hyphens: manual;'>
+                    <img src='images/shutter-cut.png' alt='Icon for a camera shutter'>
+                    <span style='margin-left:10px;'>Photo&shy;graphy</span>
                 </a>
                 <a href='https://github.com/alanmmckay' target="_blank" rel="noopener noreferrer">
                     <img src='images/github-logo-grey.png' alt='Icon for Github Link'>
-                    GitHub
+                    <span style='margin-left:10px;'>GitHub</span>
                 </a>
                 <a href='https://www.linkedin.com/in/alan-mckay-701b4a1b8/' target="_blank" rel="noopener noreferrer">
                     <img src='images/linkedin-logo-grey.png' alt='Icon for linked-in Link'>
-                    LinkedIn
+                    <span style='margin-left:10px;'>LinkedIn</span>
                 </a>
             </nav>
         </div>

photography/thumbnails/.htaccess

@@ -0,0 +1,6 @@
+Order deny,allow
+Deny from all
+
+<Files *.webp>
+    Allow from all
+</Files>

robots.txt

@@ -0,0 +1,43 @@
+User-agent: GPTBot
+Disallow: /
+
+User-agent: ChatGPT-User
+Disallow: /
+
+User-agent: Google-Extended
+Disallow: /
+
+User-agent: CCBot
+Disallow: /
+
+User-agent: FacebookBot
+Disallow: /
+
+User-agent: Twitterbot
+Disallow: /
+
+User-agent: Googlebot-Image
+Disallow: /
+
+User-agent: Pinterestbot
+Disallow: /
+
+User-agent: Omgilibot
+Disallow: /
+
+User-agent: Omgili
+Disallow: /
+
+User-agent: cohere-ai
+Disallow: /
+
+User-agent: anthropic-ai
+Disallow: /
+
+User-agent: Bytespider
+Disallow: /
+
+User-agent: ImagesiftBot
+Disallow: /
+
+Sitemap: https://alanmckay.blog/sitemap.xml

sitemap.xml

@@ -6,7 +6,7 @@
         </loc>
 
         <lastmod>
-            2024-01-21
+            2024-03-06
         </lastmod>
 
         <priority>
@@ -24,6 +24,16 @@
         </lastmod>
     </url>
 
+    <url>
+        <loc>
+            https://alanmckay.blog/photography/
+        </loc>
+
+        <lastmod>
+            2024-03-06
+        </lastmod>
+    </url>
+
     <url>
         <loc>
             https://alanmckay.blog/writings/bench/

style.css

@@ -383,6 +383,69 @@ code pre.info-code{
     float:right;
 }
 
+div.image-col figure{
+    transition:border-top 1.5s, opacity 4s;
+}
+
+#static-gallery-control ul{
+    display:flex;
+    justify-content:center;
+    margin-left:0px;
+    padding-left:0px;
+    margin:auto;
+}
+
+#static-gallery-control ul li{
+    white-space:nowrap;
+    display:block;
+    padding:3%;
+    font-size:85%;
+}
+
+#static-gallery-control ul li ul li{
+    display:inline-block;
+    padding:5%;
+}
+
+#sf1{
+    color:white;
+    animation-name:fadein1;
+    animation-duration:3s;
+    animation-iteration-count: infinite;
+}
+
+#sf2{
+    color:white;
+    animation-name:fadein2;
+    animation-duration:3s;
+    animation-iteration-count: infinite;
+}
+
+#sf3{
+    color:white;
+    animation-name:fadein3;
+    animation-duration:3s;
+    animation-iteration-count: infinite;
+}
+
+@keyframes fadein1 {
+    0%{color:white}
+    15%{color:#474d52}
+    75%{color:#474d52}
+    95%{color:white}
+}
+@keyframes fadein2 {
+    0%{color:white}
+    55%{color:#474d52}
+    75%{color:#474d52}
+    95%{color:white}
+}
+@keyframes fadein3 {
+    0%{color:white}
+    75%{color:#474d52}
+    95%{color:white}
+}
+
 @media screen and (min-width:800px){
     #writingsWrapper .fig-col{
         overflow:auto;
@@ -606,6 +669,10 @@ code pre.info-code{
         min-width:300px;
     }
 
+    #homeWrapper nav a{
+        font-size:24px;
+    }
+
     #writingsWrapper{
         justify-content:inherit;
         /*min-width:300px;*/