add markers to make code easier to understand

juliecogley · Oct 26, 2024 · d5e7e6d · d5e7e6d
1 parent 033b541
commit d5e7e6d
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 132 deletions.
diff --git a/src/_includes/layouts/base.vto b/src/_includes/layouts/base.vto
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html class="no-js" lang="ja">
-
+<!-- ===== START LAYOUT: BASE ===== -->
 <head>
   <meta charset="utf-8">
   <title>{{ it.title ? `${title} | ${site.title}` : site.title }}</title>
@@ -37,5 +37,6 @@
 
   {{ include "templates/footer.vto" }}
 </body>
-
+<!-- ===== END LAYOUT: BASE ===== -->
+{{> console.log(it) }}
 </html>
diff --git a/src/_includes/templates/footer.vto b/src/_includes/templates/footer.vto
@@ -1,5 +1,6 @@
+<!-- ===== START TEMPLATE: FOOTER ===== -->
 <!-- SVG Icons are from https://simpleicons.org -->
-  <footer style="background-image:url(index_assets/footer_bg1sm.gif);" class="tc-l bg-center cover bg-black">
+  <footer style="background-image:url(/index_assets/footer_bg1sm.gif);" class="tc-l bg-center cover bg-black">
     <div class="w-100 ph3 pv5 bg-black-80">
       <p class=sns-links>mail: [email protected]</p>
       <a rel="me" class="link white-90 bg-transparent hover-white inline-flex items-center ma2 tc br2 pa2"
@@ -22,4 +23,5 @@
       </a>
     </div>
 
-  </footer>
+  </footer>
+<!-- ===== END TEMPLATE: FOOTER ===== -->
diff --git a/src/_includes/templates/ld-person.vto b/src/_includes/templates/ld-person.vto
@@ -1,3 +1,4 @@
+<!-- ===== START TEMPLATE: LD-PERSON ===== -->
 <script type="application/ld+json">
     {
         "@context" : "http://schema.org",
@@ -42,4 +43,5 @@
             "https://instagram.com/juliecogley/",
             "https://github.com/juliecogley"]
     }
-    </script>
+    </script>
+    <!-- ===== END TEMPLATE: LD-PERSON ===== -->
diff --git a/src/_includes/templates/nav.vto b/src/_includes/templates/nav.vto
@@ -1,4 +1,5 @@
-<nav class="db dt-l w-100 border-box pa3 ph5-l bg-black">
+<!-- ===== START TEMPLATE: NAV ===== -->
+<nav class="db dt-l w-100 border-box pa3 ph5-l bg-{{site.navbgcolor}}">
   <a class="db dtc-l v-mid mid-gray link dim w-100 w-25-l tc tl-l mb2 mb0-l" href="https://julie.cogley.jp"
     title="コグレー珠里サイト">
   </a>
@@ -10,4 +11,5 @@
     <a class="link dim dark-gray f6 f5-l dib mr3 mr4-l white" href="./about/index.html" title="Personal Site"
       target="_blank"><span class="about">ABOUT</span></a>
   </div>
-</nav>
+</nav>
+<!-- ===== END TEMPLATE: NAV ===== -->
diff --git a/src/about/index.vto → src/about.vto b/src/about/index.vto → src/about.vto
@@ -1,44 +1,9 @@
-<!DOCTYPE html>
-<html class="no-js" lang="ja">
-
-<head>
-  <meta charset="utf-8">
-  <title>Julie Cogley Current Events</title>
-  <meta name="description"
-    content="Julie Cogley's public current events page is where I write what is going on personally and professionally.">
-  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
-  <meta name="author" content="@juliecogley">
-  <meta http-equiv="last-modified" content="2024-05-06T09:26:52+09:00" />
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta property="og:url" content="https://julie.cogley.jp">
-  <meta property="og:title" content="Julie Cogley Current Events">
-  <meta property="og:type" content="website">
-  <meta property="og:description"
-    content="Julie Cogley's public current events page is where I write what is going on personally and professionally, as well as have favorite quotes and some photos of mine.">
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=M+PLUS+2:[email protected]&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="https://unpkg.com/[email protected]/css/tachyons.min.css">
-  <link rel="stylesheet" href="/styles.css?cb={{ cacheBuster }}">
-  <link href="../index_assets/julie_cogley.JPG" rel="icon" type="image/x-icon">
-  <link rel="apple-touch-icon" href="../index_assets/julie_cogley.JPG">
-</head>
-
-<body class="w-100 sans-serif bg-white black-80 sitefont-400">
-  <main>
-    <nav class="db dt-l w-100 border-box pa3 ph5-l bg-black">
-      <a class="db dtc-l v-mid mid-gray link dim w-100 w-25-l tc tl-l mb2 mb0-l" href="https://julie.cogley.jp"
-        title="コグレー珠里サイト">
-      </a>
-      <div class="db dtc-l v-mid w-100 w-75-l  tr-l sitefont-100">
-        <a class="link dim dark-gray f6 f5-l dib mr3 mr4-l white" href="https://julie.cogley.jp" title="Personal Site"
-          target="_blank"><span class="site-title">JULIE COGLEY PORTFOLIO</span></a>
-      </div>
-      <div class="db dtc-l v-mid w-100 w-75-l  tr-l sitefont-100">
-        <a class="link dim dark-gray f6 f5-l dib mr3 mr4-l white" href="https://julie.cogley.jp" title="Personal Site"
-          target="_blank"><span class="about">ABOUT</span></a>
-      </div>
-    </nav>
+---
+layout: layouts/base.vto
+title: JCP Site BIO PAGE
+description: "Top page of the site, showing a list of works with a link to a bio page."
+---
+<!-- ===== START LAYOUT: ABOUT ===== -->
     <div data-name="component">
       <article class="cf pa3 mw9 center">
         <header class="fl w-100 w-50-l pa3-m pa4-l mb3 mb5-l">
@@ -159,85 +124,4 @@
 
       </article>
     </div>
-  </main>
-
-
-
-  <script src="/js/highlight.min.js"></script>
-  <script>
-    hljs.highlightBlock(document.querySelector('#css'))
-    hljs.highlightBlock(document.querySelector('#html'))
-  </script>
-
-  <!-- SVG Icons are from https://simpleicons.org -->
-  <footer style="background-image:url(index_assets/footer_bg1sm.gif);" class="tc-l bg-center cover bg-black">
-    <div class="w-100 ph3 pv5 bg-black-80">
-      <p class=sns-links>mail: [email protected]</p>
-      <a rel="me" class="link white-90 bg-transparent hover-white inline-flex items-center ma2 tc br2 pa2"
-        href="https://www.instagram.com/jo00oc/?hl=ja" title="GitHub">
-        <svg class="dib h2 w2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
-          fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
-          <path
-            d="M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.083-.202-.358-1.015.077-2.117 0 0 .672-.215 2.2.82.638-.178 1.323-.266 2.003-.27.68.004 1.364.092 2.003.27 1.527-1.035 2.198-.82 2.198-.82.437 1.102.163 1.915.08 2.117.513.56.823 1.274.823 2.147 0 3.073-1.87 3.75-3.653 3.947.287.246.543.735.543 1.48 0 1.07-.01 1.933-.01 2.195 0 .215.144.463.55.385C13.71 14.53 16 11.534 16 8c0-4.418-3.582-8-8-8" />
-        </svg>
-        <span class="f6 ml3 pr2">instagram</span>
-      </a>
-      <a rel="me" class="link white-90 bg-transparent hover-white inline-flex items-center ma2 tc br2 pa2"
-        href="https://github.com/juliecogley" title="GitHub">
-        <svg class="dib h2 w2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
-          fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
-          <path
-            d="M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.083-.202-.358-1.015.077-2.117 0 0 .672-.215 2.2.82.638-.178 1.323-.266 2.003-.27.68.004 1.364.092 2.003.27 1.527-1.035 2.198-.82 2.198-.82.437 1.102.163 1.915.08 2.117.513.56.823 1.274.823 2.147 0 3.073-1.87 3.75-3.653 3.947.287.246.543.735.543 1.48 0 1.07-.01 1.933-.01 2.195 0 .215.144.463.55.385C13.71 14.53 16 11.534 16 8c0-4.418-3.582-8-8-8" />
-        </svg>
-        <span class="f6 ml3 pr2">GitHub</span>
-      </a>
-    </div>
-    <script type="application/ld+json">
-    {
-        "@context" : "http://schema.org",
-        "@type" : "Person",
-        "name" : "Julie Cogley",
-        "image" : {
-            "@type" : "ImageObject",
-            "author" : "Julie Cogley",
-            "contentLocation" : "Yokohama, Japan",
-            "contentUrl" : "https://micro.blog/juliecogley/avatar.jpg",
-            "thumbnailUrl" : "https://micro.blog/juliecogley/avatar.jpg",
-            "datePublished" : "2020-10-25T09:27:27JST",
-            "description" : "Photo of Julie Cogley taken by Akiko Cogley at MOMA in NYC, USA.",
-            "name" : "Julie Cogley Summer 2018"
-        },
-        "description" : "Julie Cogley: helping people in Japan since 1987. Experienced technology manager. CEO and co-owner of eSolia Inc. Jogger and cyclist. Fluent in Japanese. Family man with Japanese wife and daughters. Pun-smith puzzle solver.",
-        "nationality" : "USA",
-        "jobTitle" : "CEO",
-        "telephone" : "+81-3-4577-3380",
-        "email" : "[email protected]",
-        "birthDate" : "1966-01-01",
-        "birthPlace" : "Pittsburgh, PA, USA",
-        "gender" : "Male",
-        "affiliation" : {
-            "@type" : "Organization",
-            "legalName" : "eSolia Inc.",
-            "foundingDate" : "1999-07-07",
-            "email" : "[email protected]",
-            "telephone" : "+81-3-4577-3380",
-            "logo" : "http://static.cogley.info/img/eSolia_Logo-500px.gif"
-        },
-        "address" : {
-            "@type" : "PostalAddress",
-            "addressLocality" : "Minato-ku",
-            "addressRegion" : "Tokyo",
-            "addressCountry" : "Japan",
-            "postalCode" : "105-7105",
-            "streetAddress" : "Shiodome City Center 5F (Work Styling), Higashi-Shimbashi 1-5-2"
-        },
-        "url" : "http://julie.cogley.jp",
-        "sameAs" : [ "http://twitter.com/juliecogley",
-            "https://instagram.com/juliecogley/",
-            "https://github.com/juliecogley"]
-    }
-    </script>
-  </footer>
-</body>
-
-</html>
+<!-- ===== END LAYOUT: ABOUT ===== -->
diff --git a/src/index.vto b/src/index.vto
@@ -3,7 +3,7 @@ layout: layouts/base.vto
 title: JCP Site TOP
 description: "Top page of the site, showing a list of works with a link to a bio page."
 ---
-
+<!-- ===== START LAYOUT: HOME ===== -->
     <section class="fl w-100">     
       <div class="fl w-100 w-50-m w-25-l pv3 pa3-m pa4-l">
         <a href="./introduction/nn-2024/index.html" target="_blank">
@@ -117,4 +117,4 @@ description: "Top page of the site, showing a list of works with a link to a bio
       </article>
     </div>
   </main>
-
+<!-- ===== END LAYOUT: HOME ===== -->