Set font to Japanese

juliecogley · May 6, 2024 · 1c29dad · 1c29dad
1 parent 548befb
commit 1c29dad
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 31 deletions.
diff --git a/index.html b/index.html
@@ -1,20 +1,20 @@
 <!DOCTYPE html>
-<html class="no-js" lang="en">
+<html class="no-js" lang="ja">
 <head>
   <meta charset="utf-8">
-  <title>Rick Cogley Current Events</title>
-  <meta name="description" content="Rick Cogley's public current events page is where I write what is going on personally and professionally.">
+  <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="@rickcogley">
   <meta http-equiv="last-modified" content="2024-05-05T09:26:52+09:00" />
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta property="og:url" content="https://rick.cogley.jp">
-  <meta property="og:title" content="Rick Cogley Current Events">
+  <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="Rick 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.">
+  <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=Alegreya:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@100..900&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="https://unpkg.com/[email protected]/css/tachyons.min.css">
   <link rel="stylesheet" href="index_assets/style.css"
   <!-- Fathom - beautiful, simple website analytics -->
@@ -24,22 +24,22 @@
 <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-blue">
-        <a class="db dtc-l v-mid mid-gray link dim w-100 w-25-l tc tl-l mb2 mb0-l" href="https://cogley.jp" title="Rick Cogley Main Site">
-            <img src="index_assets/rick_cogley_mono.JPG" class="dib pa1 w3 h3 br-100 ba b--white-20" alt="Rick Cogley Photo">
+        <a class="db dtc-l v-mid mid-gray link dim w-100 w-25-l tc tl-l mb2 mb0-l" href="https://cogley.jp" title="Julie Cogley Main Site">
+            <img src="index_assets/rick_cogley_mono.JPG" class="dib pa1 w3 h3 br-100 ba b--white-20" alt="Julie Cogley Photo">
         </a>
-        <div class="db dtc-l v-mid w-100 w-75-l tc tr-l">
+        <div class="db dtc-l v-mid w-100 w-75-l tc tr-l sitefont-100">
             <a class="link dim dark-gray f6 f5-l dib mr3 mr4-l white" href="https://cogley.jp" title="Personal Site" target="_blank">Personal Site</a>
             <a class="link dim dark-gray f6 f5-l dib mr3 mr4-l white" href="https://rick.omg.lol/now" title="Shortform Now Page" target="_blank">Shortform Now Page</a>
             <a class="link dim dark-gray f6 f5-l dib mr3 mr4-l white" href="https://logr.cogley.info" title="Tech Logr" target="_blank">Tech Logr</a>
-            <a class="link dim dark-gray f6 f5-l dib mr3 mr4-l white" href="https://rick.cogley.info" title="blog:Cogley Archive" target="_blank">Archive Site</a>
+            <a class="link dim dark-gray f6 f5-l dib mr3 mr4-l white" href="https://julie.cogley.info" title="blog:Cogley Archive" target="_blank">Archive Site</a>
             <a class="link dim dark-gray f6 f5-l dib mr3 mr4-l white" href="https://esolia.com" title="Company eSolia" target="_blank">My Tokyo Company</a>
         </div>
     </nav>
   <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">
     <h1 class="lh-title f3 b mt0 sitefont-700">
-        <span class="black-40">Rick Cogley</span> has been sticking out like a sore thumb in Japan since 1987! 日本語もOK. CEO & Founder, eSolia. <br>I <span class="f3 dark-pink">♥</span> family, our Shiba "Maru", coding & scripting, moving. <br>Yokohama ⇆ Tokyo</span>
+        <span class="black-40">Julie Cogley</span> has been sticking out like a sore thumb in Japan since 1987! 日本語もOK. CEO & Founder, eSolia. <br>I <span class="f3 dark-pink">♥</span> family, our Shiba "Maru", coding & scripting, moving. <br>Yokohama ⇆ Tokyo</span>
     </h1>
     <p class="i black-50">Last Modified: 2024 May 05</p>
   </header>
@@ -51,7 +51,7 @@ <h3 class="f4 bold center mw6 sitefont-700"><span class="dark-pink">Identity</sp
                 <li class="ph3 pv3 bb b--light-silver"><a href="https://proven.lol/58ae5f" target="_blank">Proven.lol Proof</a>
                 </li>
                 <li class="ph3 pv3 bb b--light-silver"><a href="https://keybase.io/rickcogley/pgp_keys.asc" target="_blank">PGP Public Key</a></li>
-                <li class="ph3 pv3 bb b--light-silver"><a href="https://github.com/RickCogley/rick.cogley.jp" target="_blank">Git Repo for This Site</a></li>
+                <li class="ph3 pv3 bb b--light-silver"><a href="https://github.com/RickCogley/julie.cogley.jp" target="_blank">Git Repo for This Site</a></li>
               </ul>
          </p>
     </div>
@@ -243,18 +243,18 @@ <h3 class="f4 bold center mw6 sitefont-700"><span class="dark-pink">Wise</span>
     {
         "@context" : "http://schema.org",
         "@type" : "Person",
-        "name" : "Rick Cogley",
+        "name" : "Julie Cogley",
         "image" : {
             "@type" : "ImageObject",
-            "author" : "Rick Cogley",
+            "author" : "Julie Cogley",
             "contentLocation" : "Yokohama, Japan",
             "contentUrl" : "https://micro.blog/rickcogley/avatar.jpg",
             "thumbnailUrl" : "https://micro.blog/rickcogley/avatar.jpg",
             "datePublished" : "2020-10-25T09:27:27JST",
-            "description" : "Photo of Rick Cogley taken by Akiko Cogley at MOMA in NYC, USA.",
-            "name" : "Rick Cogley Summer 2018"
+            "description" : "Photo of Julie Cogley taken by Akiko Cogley at MOMA in NYC, USA.",
+            "name" : "Julie Cogley Summer 2018"
         },
-        "description" : "Rick 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.",
+        "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",
@@ -278,7 +278,7 @@ <h3 class="f4 bold center mw6 sitefont-700"><span class="dark-pink">Wise</span>
             "postalCode" : "105-7105",
             "streetAddress" : "Shiodome City Center 5F (Work Styling), Higashi-Shimbashi 1-5-2"
         },
-        "url" : "http://rick.cogley.info",
+        "url" : "http://julie.cogley.info",
         "sameAs" : [ "http://twitter.com/rickcogley",
             "http://www.linkedin.com/in/rickcogley",
             "http://flickr.com/rickcogley/",

diff --git a/index_assets/style.css b/index_assets/style.css
@@ -3,27 +3,34 @@
 /* .sitefont {font-family: 'IBM Plex Mono', monospace;} */
 
 /* <uniquifier>: Use a unique and descriptive class name */
-/* <weight>: Use a value from 400 to 900 */
+/* <weight>: Use a value from 100 to 900 */
 
-.sitefont-400 {
-  font-family: "Alegreya", serif;
+.sitefont-100 {
+  font-family: "M PLUS 2", sans-serif;
   font-optical-sizing: auto;
-  font-weight: 400;
+  font-weight: 100;
   font-style: normal;
 }
 
+.sitefont-400 {
+font-family: "M PLUS 2", sans-serif;
+font-optical-sizing: auto;
+font-weight: 400;
+font-style: normal;
+}
+
 .sitefont-700 {
-  font-family: "Alegreya", serif;
-  font-optical-sizing: auto;
-  font-weight: 700;
-  font-style: normal;
+font-family: "M PLUS 2", sans-serif;
+font-optical-sizing: auto;
+font-weight: 700;
+font-style: normal;
 }
 
 h1, h2, h3, h4, h5, h6 {
-  font-family: "Alegreya", serif;
-  font-optical-sizing: auto;
-  font-weight: 700;
-  font-style: normal;
+font-family: "M PLUS 2", sans-serif;
+font-optical-sizing: auto;
+font-weight: 700;
+font-style: normal;
 }