qol and content update

psyaito · Dec 8, 2023 · cc3c973 · cc3c973
1 parent 5936c44
commit cc3c973
Show file tree

Hide file tree

Showing 7 changed files with 120 additions and 16 deletions.
diff --git a/blog/and.html b/blog/and.html
@@ -29,11 +29,11 @@
             <h1 class="textshadow">&</h1>
             <p class="textshadow">Tech can be beautiful too, and art just as technical. Sometimes there's just those etc as well. Mostly a page about 3D art, linguistics, science, and others.</p>
             <p class="textshadow">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit, esse voluptatum. Tempora quasi nihil cumque eum doloribus explicabo saepe voluptatibus id reprehenderit, dolores reiciendis, unde assumenda, quae perspiciatis porro animi?</p>
-            <p class="textshadow">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit, esse voluptatum. Tempora quasi nihil cumque eum doloribus explicabo saepe voluptatibus id reprehenderit, dolores reiciendis, unde assumenda, quae perspiciatis porro animi?</p>
         </div>
     </div>
     <div class="gallery">
         <a href="japanesewriting.html" class="box"><h1 style="text-align: center;">に本ゴ</h1></a>
+        <a href="langdump.html" class="box"><h1 style="text-align: center;">Language dump</h1></a>
     </div>
     <footer class="box" id="main-footer">
         ©️ 2023 Ken.D · All Rights Reserved 

diff --git a/blog/langdump.html b/blog/langdump.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Blog Language Dump</title>
+    <link rel="stylesheet" href="/style.css">
+    <link rel="icon" type="image/jpg" href="images/faviconpsy.jpg">
+    <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=Kalam:wght@300;400;700&display=swap" rel="stylesheet">
+</head>
+<body>
+    <nav>
+        <ul>
+            <li class="box"><a href="resume.html">Back</a></li>
+        </ul>
+    </nav>
+    <div class="container">
+        <div class="box" style="flex:0.5;">
+            <h1>Language dump</h1>
+            <p>A complilation little language things that I've noticed</p>
+            <p>Brailles are very interesting, its actually a binary "writing" system. Whats really interesting is how it's adapted into different languages. Japanese braille (点字）is really well thought out.</p>
+            <p>6/8/2023 - A lot more companies are using the term "recyclable", which is good. However, it feels a bit sleezy to make it sound like its recycled, even though its not. Outright deceptive if the plastic is not HDPE, which it sometimes is.</p>
+        </div>
+    </div>
+    <footer class="box" id="main-footer">
+        ©️ 2023 Ken.D · All Rights Reserved 
+    </footer>
+</body>
+</html>
diff --git a/blog/mblapp.html b/blog/mblapp.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Blog MBL app</title>
+    <link rel="stylesheet" href="/style.css">
+    <link rel="icon" type="image/jpg" href="images/faviconpsy.jpg">
+    <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=Kalam:wght@300;400;700&display=swap" rel="stylesheet">
+</head>
+<body>
+    <nav>
+        <ul>
+            <li class="box"><a href="resume.html">Back</a></li>
+        </ul>
+    </nav>
+    <div class="container">
+        <div class="box" style="flex:0.5;">
+            <h1>Inventory management app for a student run brewery</h1>
+            <p>Using google appsheet, I've added a UI for the underlying spreadhseets the club uses.</p>
+        </div>
+    </div>
+    <footer class="box" id="main-footer">
+        ©️ 2023 Ken.D · All Rights Reserved 
+    </footer>
+</body>
+</html>
diff --git a/blog/tech.html b/blog/tech.html
@@ -34,6 +34,7 @@ <h1 class="textshadow">Tech</h1>
     <div class="gallery">
         <a href="anytypetranslation.html" class="box"><img src="/images/anytype.svg" alt="anytypetranslation"></a>
         <a href="https://github.com/psyaito/psyaito.github.io" class="box"><h1 class="textshadow" style="text-align: center;">This website</h1></a>
+        <a href="mblapp.html" class="box"><img src="/images/Logo - Icon.svg" alt="mblapp"></a>    
     </div>
     <footer class="box" id="main-footer">
         ©️ 2023 Ken.D · All Rights Reserved 

diff --git a/images/Logo - Icon.svg b/images/Logo - Icon.svg
diff --git a/index.html b/index.html
@@ -26,24 +26,24 @@
         </ul>
     </nav>
     <div class="container">
-        <div class="box" style="flex:0.5;" id="image4">
+        <div class="box" style="flex:0.5;" id="image2">
+            <h1 class="textshadow">Highlights</h1>
+            <p class="textshadow">Arts section updated</p>
+            <p class="textshadow">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit, esse voluptatum. Tempora quasi nihil cumque eum doloribus explicabo saepe voluptatibus id reprehenderit, dolores reiciendis, unde assumenda, quae perspiciatis porro animi?</p>
+        </div>
+        <div class="box" id="image4">
             <h1 class="textshadow">Ken.D</h1>
-            <p class="textshadow">Ψ藤のサイト</p>
             <div class="icon">
                 <a href="mailto:[email protected]"><i class="gmail"></i></a>
                 <a href="https://github.com/psyaito"><i class="github"></i></a>
                 <a href="https://www.youtube.com/@dayOne2673"><i class="youtube"></i></a>
                 <a href="www.linkedin.com/in/ken-m-dong-95299b233"><i class="linkedin"></i></a>
             </div>
+            <p class="textshadow">Ψ藤のサイト</p>
             <p>Always have new ideas and usually patient enough to gain the skill to execute said ideas. I love anything about languages, tech, 3D modeling, translation, and product design. </p>
             <p>I enjoy reading literature in English, Japanese, and Mandarin, so language especially is a personal and important topic for me. I love tech as well so naturally I am getting into NLP machine learning as well.</p>
             <p>Feel free to contact me if there's any interesting ideas!</p>
         </div>
-        <div class="box" id="image2">
-            <h1 class="textshadow">Highlights</h1>
-            <p class="textshadow">Arts section updated</p>
-            <p class="textshadow">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit, esse voluptatum. Tempora quasi nihil cumque eum doloribus explicabo saepe voluptatibus id reprehenderit, dolores reiciendis, unde assumenda, quae perspiciatis porro animi?</p>
-        </div>
     </div>
     <footer class="box" id="main-footer">
         ©️ 2023 Ken.D · All Rights Reserved 

diff --git a/style.css b/style.css
@@ -3,7 +3,7 @@ body{
     padding: 4px;
     font-family: 'Kalam', serif;
     background: #ffffff;
-    width: clamp(400px, 100%, 800px);
+    width: clamp(350px, 100%, 800px);
     margin: auto;
 }
 nav{
@@ -37,8 +37,8 @@ ul{
 .box{
     display: flex;
     flex-direction: column;
-    border: 4px solid black;
-    margin: 4px;
+    border: 5px solid black;
+    margin: 6px;
     flex: 1;
 }
 .icon{
@@ -68,18 +68,20 @@ nav a:hover{
 div{
     padding: 5px;
 }
-img {
-    width: 100%;
-    height: auto;
-}
 p {
     padding: 5px;
 }
 h1 {
     text-align: center;
     font-size: 2rem;
     font-weight: bold;
-    padding: 5px;
+
+}
+img {
+    box-sizing: border-box;
+    width: 100%;
+    height: auto;
+    padding: 10px;
 }
 #image1 {
     filter: grayscale(100%);