From 3f33e1d36d94f07d4335b88da04abb29bcc08412 Mon Sep 17 00:00:00 2001
From: Sylvia <117012224+sz5ylv1a@users.noreply.github.com>
Date: Sun, 27 Oct 2024 18:05:33 +0100
Subject: [PATCH] update v0.1.1

ye
---
 about.html     |  2 +-
 changelog.html | 11 +++++++++--
 freeli.html    |  2 +-
 index.html     |  2 +-
 script.js      |  2 +-
 socials.html   | 14 +++++++++-----
 style.css      | 15 ++++++++++++++-
 style.min.css  |  1 +
 warning.css    |  2 +-
 9 files changed, 38 insertions(+), 13 deletions(-)
 create mode 100644 style.min.css
diff --git a/about.html b/about.html
index 7c53a8d..6a71a07 100644
--- a/about.html
+++ b/about.html
@@ -12,7 +12,7 @@
     <meta content="https://sz5ylv1a.github.io/resources/images/thing.jpg" property="og:image" />
     <meta content="#c5f5c3" data-react-helmet="true" name="theme-color" />
     <style>
-        @import "style.css";
+        @import "style.min.css";
         .content li, .content dd {padding-bottom:5px;}
         .content li {font-weight:600;margin-left:-40px;}
         .content dd {margin-left:-20px;}
diff --git a/changelog.html b/changelog.html
index a9c5a44..a42344d 100644
--- a/changelog.html
+++ b/changelog.html
@@ -12,7 +12,7 @@
     <meta content="https://sz5ylv1a.github.io/resources/images/thing.jpg" property="og:image" />
     <meta content="#c5f5c3" data-react-helmet="true" name="theme-color" />
     <style>
-        @import "style.css";
+        @import "style.min.css";
         a {text-decoration:underline}
         .content li {
             margin-left: 15px;
@@ -21,8 +21,15 @@
 </head>
 <body>
     <header></header>
-    <div class="content dark">
+    <div class="content">
         <h2>Site Changelog <i>(release dates are in mm/dd/yyyy)</i></h2>
+        <li id="0.1.1">v0.1.1 - 10/27/2024</li>
+        <br>a little polishing...<ul>
+            <li>increased width of the mobile view so that more content can fit</li>
+            <li>twitter link is now no longer available since i left the platform for good; button link will be removed in a later update</li>
+            <li>contrary to the last one, positions for Twitter and Bluesky have been swapped to better prioritize the other two social media platforms</li>
+        </ul>
+        <hr>
         <li id="0.1.0">v0.1.0 - 09/22/2024</li>
         <br>aaaand we're out of "the alpha stage"! here's what I got to offer:<ul>
             <li>completely revamped the navigation bar
diff --git a/freeli.html b/freeli.html
index fc10679..33f7eb5 100644
--- a/freeli.html
+++ b/freeli.html
@@ -11,7 +11,7 @@
     <meta content="https://sz5ylv1a.github.io/" property="og:url" />
     <meta content="https://sz5ylv1a.github.io/resources/images/thing.jpg" property="og:image" />
     <meta content="#c5f5c3" data-react-helmet="true" name="theme-color" />
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="style.min.css">
 </head>
 <body>
     <header></header>
diff --git a/index.html b/index.html
index 503733e..254e661 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
     <meta content="https://sz5ylv1a.github.io/" property="og:url" />
     <meta content="https://sz5ylv1a.github.io/resources/images/thing.jpg" property="og:image" />
     <meta content="#c5f5c3" data-react-helmet="true" name="theme-color" />
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="style.min.css">
 </head>
 <body>
     <header></header>
diff --git a/script.js b/script.js
index 55905dc..7e92036 100644
--- a/script.js
+++ b/script.js
@@ -23,7 +23,7 @@ document.querySelector("header").innerHTML = `
 </nav>
 `;
 document.querySelector("footer").innerHTML = `
-<div class="currentver">v0.1.0 &bull; Last updated: 10/08/2024 &bull; <a href="https://github.com/sz5ylv1a/sz5ylv1a.github.io" target="_blank">Source Code</a></div>
+<div class="currentver">v0.1.1 &bull; Last updated: 10/27/2024 &bull; <a href="https://github.com/sz5ylv1a/sz5ylv1a.github.io" target="_blank">Source Code</a></div>
 <div class="fakecrdate">sz5ylv1a &copy; 2017-<year id="currentYear"></year></div>
 `;
 
diff --git a/socials.html b/socials.html
index 5e247dd..5c229de 100644
--- a/socials.html
+++ b/socials.html
@@ -12,7 +12,7 @@
     <meta content="https://sz5ylv1a.github.io/resources/images/thing.jpg" property="og:image" />
     <meta content="#c5f5c3" data-react-helmet="true" name="theme-color" />
     <style>
-        @import "style.css";
+        @import "style.min.css";
         body {text-align:center}
         h2 {text-align:left}
         .lnk {
@@ -37,8 +37,9 @@
             scale: 1.05;
             transition: none;
         }
-        .lnk1 {background: #1dabdd}
-        .lnk1:hover {background: #1683aa}
+        .lnk1 {background: #999; scale: 1 !important; transition: none;}
+        .lnk1:hover {background: #666}
+        .lnk1:active {background: #333}
         .lnk2 {background: #595aff}
         .lnk2:hover {background: #2728cd}
         .lnk3 {background: #dd1f1d}
@@ -70,9 +71,9 @@
     <header></header>
     <div class="content">
         <h2>Here are some of my social links:</h2>
-        <a href="https://twitter.com/sz5ylv1a" class="lnk1 lnk"><i class="fa-brands fa-twitter fa-lg"></i> Twitter/X</a>
-        <a rel="me" href="https://meow.social/@sz5ylv1a" class="lnk2 lnk"><i class="fa-brands fa-mastodon fa-lg"></i> Mastodon</a>
         <a href="https://bsky.app/profile/sz5ylv1a.bsky.social" class="lnk10 lnk"><i class="fa-brands fa-bluesky"></i> Bluesky</a>
+        <a rel="me" href="https://meow.social/@sz5ylv1a" class="lnk2 lnk"><i class="fa-brands fa-mastodon fa-lg"></i> Mastodon</a>
+        <a href="javascript:alert(linkTwt)" class="lnk1 lnk"><i class="fa-brands fa-twitter fa-lg"></i> Twitter/X <i style="font-size:0.8rem;">(inactive)</i></a>
         <a href="https://www.youtube.com/c/sz5ylv1a" class="lnk3 lnk"><i class="fa-brands fa-youtube fa-lg"></i> YouTube</a>
         <a href="https://odysee.com/@sz5ylv1a:4" class="lnk4 lnk"><i class="fa-brands fa-odysee fa-lg"></i> Odysee</a>
         <a href="https://www.deviantart.com/sz5ylv1a" class="lnk5 lnk"><i class="fa-brands fa-deviantart fa-lg"></i> DeviantArt</a>
@@ -87,4 +88,7 @@ <h2>Here are some of my social links:</h2>
     <footer></footer>
 </body>
 <script src="script.js"></script>
+<script>
+    var linkTwt = 'The account is no longer in use, so you will not be redirected to it.\nTry Bluesky or Mastodon instead!'
+</script>
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index d87edda..916cd88 100644
--- a/style.css
+++ b/style.css
@@ -93,7 +93,6 @@ video, audio {
     box-shadow: 0 3px 5px #000;
 	margin:auto;
 	width:87.5%;
-    margin-top: 85 !important;
 }
 .content .footer {
 	min-height: 100%;
@@ -198,6 +197,20 @@ video, audio {
     .desknav {
         display: none;
     }
+    .content {
+        width: initial;
+        margin: 0;
+        border-radius: 0;
+    }
+    video {
+        max-width: 100%;
+    }
+    nav ul {
+        width: 95%;
+    }
+    footer {
+        width: 98% !important;
+    }
 }
 
 /* temporary footer css */
diff --git a/style.min.css b/style.min.css
new file mode 100644
index 0000000..8d4049c
--- /dev/null
+++ b/style.min.css
@@ -0,0 +1 @@
+@import url(https://fonts.googleapis.com/css?family=Asap:400,i,500,600,b,bi);@import"fontawesome/css/fontawesome.min.css";@import"fontawesome/css/all.min.css";:root{font-family:Asap,Arial,Helvetica,sans-serif,Twemoji Mozilla;background-color:rgb(4,21,13);background:linear-gradient(180deg,rgb(4,21,13)0,rgb(10,60,37)100%)no-repeat center fixed;background-size:cover;color:white;scrollbar-color:rgb(10,60,37)rgb(4,21,13);scrollbar-width:thin;font-size:1.0}html{min-height:100%;position:relative}a{color:#fff;text-decoration:none}a:hover{color:#ddd}a:active{color:#aaa}h2{margin-top:0;margin-bottom:20}body{margin:auto;text-align:justify;background:transparent!important}header{position:-webkit-sticky;position:sticky;width:100%;margin:auto;padding:0;top:0;background:linear-gradient(180deg,rgba(0,0,0,.8)0,rgba(0,0,0,0)100%)}nav ul{list-style-type:none;margin:auto;padding:0;overflow:hidden;font-size:1.3rem;font-weight:500;width:90%}nav li{float:right}nav li a{display:block;color:#fff;text-align:center;padding:25px 20px;text-decoration:none;text-shadow:0 3px 5px #000;transition:ease-out .25s color}nav li a:hover{color:#bcb}nav li a:active{color:#ada;transition:none}video,audio{border-radius:10px}.logo a{font-size:1.5rem;font-weight:600;padding:0;margin:0 20px;margin-top:17px}.content{background-color:#fff;color:#000;border-radius:10px;padding:15px;box-shadow:0 3px 5px #000;margin:auto;width:87.5%}.content .footer{min-height:100%;position:relative}.content a{color:#000}.content a:hover{font-weight:500}hr{border-top:1px solid #000;border-bottom:none}hr.majordiv{border-top:2px solid #000}video{background-color:#fff}video,audio{margin-top:5px;box-shadow:0 3px 5px #0006}.btn{display:block;color:#fff;text-align:center;padding:22px 20px;text-decoration:none;text-shadow:0 3px 5px #000;transition:ease-out .25s color;font-family:inherit;font-size:inherit;background-color:inherit;border:0}.btn:hover,.btn:focus{color:#bcb;cursor:pointer}.darkbtn button{padding:25px 25px}.dropbtn{display:none}.dropmenu{display:none;position:absolute;background-color:#fff;min-width:50%;box-shadow:0 3px 5px #0003;top:0;right:0;z-index:1;border-radius:0 0 0 10px}.dropmenu a{color:black!important;padding:12px 16px;text-decoration:none;display:block;text-align:right;text-shadow:none!important;transition:ease-out .25s background}.dropmenu a:hover{background-color:#bcb}.dropmenu a:active{background-color:#ada;transition:none}.droplastoption{border-radius:0 0 0 10px}.show{display:block}@media screen and (max-width:800px){.dropbtn{display:block}.desknav{display:none}.content{width:initial;margin:0;border-radius:0}video{max-width:100%}nav ul{width:95%}footer{width:98%!important}}footer{display:flex;flex-wrap:wrap;justify-content:space-between;flex:0 0 auto;margin:auto;width:90%}.currentver{display:block;text-shadow:0 2px 3px #000;margin:15px 5pt}.fakecrdate{display:flex;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto;margin:15px 5pt;text-shadow:0 2px 3px #000}
\ No newline at end of file
diff --git a/warning.css b/warning.css
index 4914f8d..6a3636f 100644
--- a/warning.css
+++ b/warning.css
@@ -1 +1 @@
-.tempwarning {background: red; color: #fff; font-weight: bold; font-size: 1.7rem; padding: 5px 5px; border-radius: 10px}
\ No newline at end of file
+.tempwarning{background:red;color:#fff;font-weight:bold;font-size:1.7rem;padding:5px 5px;border-radius:10px}
\ No newline at end of file
