Moving badges to theme, fixing bug with links not being clickable, adding disclaimer to apps for distribution icons.

assets/scss/apps.scss

@@ -72,26 +72,16 @@
         
     .app-os-sources {
         hr {
-            color: var(--primary-color);
+            border: 0;
+            height: 1px;
+            background: var(--primary-color);
+
             
             &:last-of-type {
                 opacity: 0;
                 height: 0.1em;
             }
         }
-        
-        a img {
-            width: Min(300px, calc(100% - 2em));
-            box-shadow: 0px 0px 0px 0px #000000;
-            transition: box-shadow 0.15s ease-in-out, filter 0.15s ease-in-out;
-            border-radius: 0.5em;
-            filter: brightness(100%);
-        
-            &:hover {
-                box-shadow: 0px 0px 8px 0px #000000;
-                filter: brightness(90%);
-            }
-        }
     }
 }
 

assets/scss/blocks.scss

@@ -18,3 +18,4 @@
 
 @import "components/blocks/preview";
 @import "components/blocks/card";
+@import "components/blocks/badge";

assets/scss/common.scss

@@ -40,6 +40,13 @@ body {
     max-width: 75em;
 }
 
+.fit-content {
+    width: -moz-fit-content;
+    height: -moz-fit-content;
+    width: fit-content;
+    height: fit-content;
+}
+
 hr {
     opacity: 0.5;
 }

assets/scss/components/blocks/badge.scss

@@ -0,0 +1,29 @@
+/**
+ * Omegamma - Hugo theme for ad5001.eu and related websites.
+ * Copyright (C) 2021  Ad5001
+ * 
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * 
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ * 
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+.badge {
+    width: Min(300px, calc(100% - 2em));
+    box-shadow: 0px 0px 0px 0px #000000;
+    transition: box-shadow 0.15s ease-in-out, filter 0.15s ease-in-out;
+    border-radius: 0.5em;
+    filter: brightness(100%);
+
+    &:hover {
+        box-shadow: 0px 0px 8px 0px #000000;
+        filter: brightness(90%);
+    }
+}

assets/scss/components/common/button.scss

@@ -21,11 +21,13 @@
     color: black;
     cursor: pointer;
     
+    width: -moz-fit-content;
+    height: -moz-fit-content;
     width: fit-content;
     height: fit-content;
     
+    
     &.primary, &.secondary {
-        padding: 0.5em;
         margin: 0.1em;
         text-transform: uppercase;
         font-size: larger;
@@ -42,6 +44,13 @@
             box-shadow: 0px 0px 8px 0px #000000;
             filter: brightness(90%);
         }
+        
+        & a, &:not(div) {
+            text-decoration: none;
+            display: inline-block;
+            color: black;
+            padding: 0.5em;
+        }
     }
 }
 

assets/scss/components/common/icon.scss

@@ -61,6 +61,11 @@
   }
 }
 */
+
+.shadowed {
+    filter: drop-shadow(0 0 1px rgba(0, 0, 0, .6));
+}
+
 [class^="icon-"]:before, [class*=" icon-"]:before {
   font-family: "omegicons";
   font-style: normal;
@@ -87,7 +92,7 @@
   -moz-osx-font-smoothing: grayscale;
 
   /* Uncomment for 3D effect */
-    text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 }
 
 .icon-windows:before { content: '\e800'; } /* '' */

assets/scss/components/common/text.scss

@@ -33,6 +33,13 @@
     color: white;
 }
 
-p, .text-content {
+p, .text-content, ul {
     line-height: 1.5em;
 }
+
+code, .code {
+    font-family: monospace;
+    padding: 0.5em;
+    margin-bottom: 0.5em;
+    background: white;
+}

assets/scss/components/sections/skewed.scss

@@ -21,9 +21,8 @@ section.section-skewed {
     transform: skewY(var(--angle));
     background: #D2D2D2;
     background: linear-gradient(170deg, rgba(238,238,238,1) 0%, rgba(210,210,210,1) 49%, rgba(238,238,238,1) 100%);
-    padding-top: 3em;
+    padding-top: 0.5em;
     padding-bottom: 3em;
-    margin-bottom: 2em;
 }
 
 section.section-skewed > * {

assets/scss/header.scss

@@ -66,6 +66,7 @@ nav {
             &.background a[role=button] {
                 background-color: var(--nav-background);
                 color: black;
+                display: inline;
             }
             
             a {