v1.3

-Улучшил снег -Добавил часовой пояс -Добавил надпись про мой дискорд
Oget565 · Jan 8, 2025 · cd8afed · cd8afed
1 parent 28adaaa
commit cd8afed
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 19 deletions.
diff --git a/index.html b/index.html
@@ -31,8 +31,8 @@
             <div class="header">
                 <div class="pfp"><img src="pfp.png" alt="pfp" width="100"></div>
                 <div class="name">Oget565</div>
+                <div class="dis">My Discord</div>
                 <div class="user">@oget565</div>
-            </div>
             <div class="links">
                 <a href="https://github.com/Oget565" class="github">GitHub</a>
                 <a href="https://www.youtube.com/@oget565" class="youtube">YouTube</a>
@@ -43,6 +43,9 @@
             <div class="clock">
                 <div id="clock"></div>
             </div>
+            <div class="utc">
+                (UTC -5)
+            </div>
         </div>
     </div>
 </body>

diff --git a/script.js b/script.js
@@ -17,8 +17,8 @@ var snowStorm = (function(window, document) {
 
     this.autoStart = true;          // Whether the snow should start automatically or not.
     this.excludeMobile = false;      // Snow is likely to be bad news for mobile phones' CPUs (and batteries.) Enable at your own risk.
-    this.flakesMax = 128;           // Limit total amount of snow made (falling + sticking)
-    this.flakesMaxActive = 100;      // Limit amount of snow falling at once (less = lower CPU use)
+    this.flakesMax = 256;           // Limit total amount of snow made (falling + sticking)
+    this.flakesMaxActive = 128;      // Limit amount of snow falling at once (less = lower CPU use)
     this.animationInterval = 50;    // Theoretical "miliseconds per frame" measurement. 20 = fast + smooth, but high CPU use. 50 = more conservative, but slower
     this.useGPU = true;             // Enable transform-based hardware acceleration, reduce CPU load.
     this.className = null;          // CSS class name for further customization on snow elements
@@ -41,8 +41,8 @@ var snowStorm = (function(window, document) {
     this.flakeRightOffset = 0;      // Right margin/gutter space on edge of container
     this.flakeWidth = 8;            // Max pixel width reserved for snow element
     this.flakeHeight = 8;           // Max pixel height reserved for snow element
-    this.vMaxX = 5;                 // Maximum X velocity range for snow
-    this.vMaxY = 4;                 // Maximum Y velocity range for snow
+    this.vMaxX = 0;                 // Maximum X velocity range for snow
+    this.vMaxY = 1.5;                 // Maximum Y velocity range for snow
     this.zIndex = 0;                // CSS stacking order applied to each snowflake
 
     // --- "No user-serviceable parts inside" past this point, yadda yadda ---

diff --git a/styles.css b/styles.css
@@ -15,6 +15,7 @@ body {
   display: flex;
   justify-content: center; /* vertical */
   align-items: center; /* horisontal */
+  flex-wrap: wrap;
 }
 
 .everything {
@@ -52,24 +53,30 @@ body {
   display: flex;
   justify-content: center;
   font-size: 35px;
-  margin-bottom: 5px;
+  margin-bottom: 3px;
 }
 
 .pfp{
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin-top: 10px;
-  margin-bottom: 15px;
+  margin-top: 5px;
+  margin-bottom: 10px;
 }
 
-
 .user{
   display: flex;
   justify-content: center;
   font-size: 15px;
   color: #5865F2;
-  margin-bottom: 40px;
+  margin-bottom: 15px;
+}
+
+.dis {
+  display: flex;
+  justify-content: center;
+  font-size: 15px;
+  color: #5865F2;
 }
 
 .links {
@@ -86,7 +93,7 @@ body {
   justify-content: center;
   border-radius: 15px;
   margin-bottom: 24px; /* Add margin to separate the links */
-  transition: transform 0.2s ease;
+  transition: 0.2s ease;
 }
 
 .github {
@@ -107,7 +114,7 @@ body {
 
 .support {
   background-color: #F57D07;
-  margin-bottom: 15px;
+  margin-bottom: 13px;
 }
 
 .links a {
@@ -125,15 +132,18 @@ body {
   justify-content: space-around;
 }
 
-.time, #weather{
-  background-color: rgb(110, 110, 110);
-  height: 125px;
-  width: 350px;
-  border-radius: 15px;
-}
-
 .clock{
   display: flex;
   justify-content: center;
   font-size: 20px;
+  color: #fdffe3;
+  margin-bottom: 5px;
+}
+
+.utc {
+  display: flex;
+  text-align: center;
+  justify-content: center;
+  color: #fdffe3;
+  font-size: 13px;  
 }