Parcourir la source

pride gradients now with hard edges

Thomas B il y a 1 mois
Parent
révision
53f08a3b2a
2 fichiers modifiés avec 45 ajouts et 7 suppressions
  1. 1
    1
      page.html
  2. 44
    6
      static/css/style.css

+ 1
- 1
page.html Voir le fichier

@@ -118,7 +118,7 @@ else:
118 118
                 print("<p>Recent activity on GitHub: " + link + "</p>")
119 119
         %-->
120 120
         {{ __content__ }}
121
-        <hr>
121
+        <hr id="footbar">
122 122
         <!--%
123 123
             # Comments
124 124
             if page.get("comments", "false") == "true":

+ 44
- 6
static/css/style.css Voir le fichier

@@ -341,14 +341,26 @@ body, #nav, #nav a:link, #nav a:visited {
341 341
     color: #000000;
342 342
 }
343 343
 
344
-/* gradients from https://cesque.com/gaydient/ */
345
-
346 344
 #nav::after {
347 345
     content: "";
348
-    height: 2px;
346
+    height: 0.25em;
349 347
     width: 100%;
350 348
     display: block;
351
-    background: linear-gradient(to right, rgb(237, 34, 36), rgb(243, 91, 34), rgb(249, 150, 33), rgb(245, 193, 30), rgb(241, 235, 27) 27%, rgb(241, 235, 27), rgb(241, 235, 27) 33%, rgb(99, 199, 32), rgb(12, 155, 73), rgb(33, 135, 141), rgb(57, 84, 165), rgb(97, 55, 155), rgb(147, 40, 142));
349
+    background: linear-gradient(
350
+        to right,
351
+        rgb(228, 3, 3) 0%,
352
+        rgb(228, 3, 3) 16.65%,
353
+        rgb(255, 140, 0) 16.65%,
354
+        rgb(255, 140, 0) 33.3%,
355
+        rgb(255, 237, 0) 33.3%,
356
+        rgb(255, 237, 0) 50%,
357
+        rgb(0, 128, 38) 50%,
358
+        rgb(0, 128, 38) 66.6%,
359
+        rgb(0, 76, 255) 66.6%,
360
+        rgb(0, 76, 255) 83.25%,
361
+        rgb(115, 41, 130) 83.25%,
362
+        rgb(115, 41, 130) 100%
363
+    );
352 364
 }
353 365
 
354 366
 ._sh_lines {
@@ -356,9 +368,35 @@ body, #nav, #nav a:link, #nav a:visited {
356 368
 }
357 369
 
358 370
 hr {
359
-    background: linear-gradient(to right, rgb(85, 205, 252), rgb(179, 157, 233), rgb(247, 168, 184), rgb(246, 216, 221), rgb(255, 255, 255) 45%, rgb(255, 255, 255), rgb(255, 255, 255) 55%, rgb(246, 216, 221), rgb(247, 168, 184), rgb(179, 157, 233), rgb(85, 205, 252));
360
-    height: 2px;
361 371
     border: none;
372
+    height: 0.25em;
373
+    background: linear-gradient(
374
+        to right,
375
+        rgb(214, 2, 112) 0%,
376
+        rgb(214, 2, 112) 40%,
377
+        rgb(155, 79, 150) 40%,
378
+        rgb(155, 79, 150) 60%,
379
+        rgb(0, 56, 168) 60%,
380
+        rgb(0, 56, 168) 100%
381
+    );
382
+}
383
+
384
+#footbar {
385
+    border: none;
386
+    height: 0.25em;
387
+    background: linear-gradient(
388
+        to right,
389
+        rgb(91, 206, 250) 0%,
390
+        rgb(91, 206, 250) 20%,
391
+        rgb(245, 169, 184) 20%,
392
+        rgb(245, 169, 184) 40%,
393
+        rgb(255, 255, 255) 40%,
394
+        rgb(255, 255, 255) 60%,
395
+        rgb(245, 169, 184) 60%,
396
+        rgb(245, 169, 184) 80%,
397
+        rgb(91, 206, 250) 80%,
398
+        rgb(91, 206, 250) 100%
399
+    );
362 400
 }
363 401
 
364 402
 table, th, td, ._sh, .ascii, .border, .releasecard, #index-avatar, .collapsecontent {

Chargement…
Annuler
Enregistrer