v0.4

Author: DisclosedCode

assets/css/main-03101554.css assets/css/main-03102340.cssassets/css/main-03101554.css renamed to assets/css/main-03102340.css

@@ -542,15 +542,14 @@ input[type="search"]::-ms-clear {
 }
 
 .footer_bar {
-    font-family: var(--font-medium);
+    font-family: var(--font-mono-medium);
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     row-gap: 0.15rem;
     padding: var(--main-side-padding);
-    color: var(--c1);
-    font-size: 0.850rem;
+    font-size: 0.750rem;
 }
 
 
@@ -564,13 +563,12 @@ input[type="search"]::-ms-clear {
 /* Contact */
 
 .contact_container {
-    display: flex;
+    display: inline-flex;
     flex-direction: row-reverse;
-    column-gap: 0.5rem;
+    column-gap: 0.2rem;
 }
 
 .contact_details {
-    font-family: var(--font-medium);
     color: var(--c1);
     display: none;
 }
@@ -584,6 +582,7 @@ input[type="search"]::-ms-clear {
 
 .show_contact {
     display: flex;
+    color: var(--c3);
 }
 
 /* License */
@@ -592,7 +591,8 @@ input[type="search"]::-ms-clear {
     font-family: var(--font-mono-medium);
     font-size: 0.750rem;
     text-align: center;
-    padding: 1.5rem;
+    padding-top: 0.5rem;
+    padding-bottom: 1.5rem;
     line-height: 1.3;
 }
 
@@ -601,8 +601,11 @@ input[type="search"]::-ms-clear {
     color: var(--c3);
 }
 
-/* End */
+#license a:hover {
+    text-decoration: underline;
+}
 
+/* End */
 
 .languages {
     display: grid;
@@ -623,13 +626,17 @@ input[type="search"]::-ms-clear {
     box-shadow: inset 0 0 0 1px var(--c4);
 }
 
+.language_wrapper {
+    display: flex;
+    align-items: center;
+}
 
-.language:hover .terminal_dollar {
+.language:hover .language_icon {
     color: var(--c7);
 }
 
-.terminal_dollar {
-    padding-right: 0.5rem;
+.language_icon {
+    margin-right: 0.5rem;
     color: var(--c4);
 }
 
@@ -796,6 +803,7 @@ pre.shiki .line:before {
     text-align: right;
     margin-right: 1em;
     width: 4ch;
+    opacity: 0.4;
 }
 
 pre.shiki .line {

index.html

@@ -43,7 +43,7 @@
     <link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
     <link rel="icon" href="assets/images/favicon.ico" />
 
-    <link href="assets/css/main-03101554.css" type="text/css" rel="stylesheet" />
+    <link href="assets/css/main-03102340.css" type="text/css" rel="stylesheet" />
     <!-- Google tag (gtag.js) -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-XZWG77C7G4"></script>
     <script>
@@ -93,7 +93,12 @@ <h1>Simplified Learning<br>Through Comprehensive Code_</h1>
                         <!-- start_loop -->
                         <a class="language_card" href="ref_link">
                             <div class="language">
-                                <span><span class="terminal_dollar">$</span>ref_title</span>
+                                <span class="language_wrapper"><svg class="language_icon" viewBox="0 0 24 24" width="15" height="15" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                                    <line x1="4" y1="9" x2="20" y2="9"></line>
+                                    <line x1="4" y1="15" x2="20" y2="15"></line>
+                                    <line x1="10" y1="3" x2="8" y2="21"></line>
+                                    <line x1="16" y1="3" x2="14" y2="21"></line>
+                                </svg>ref_title</span>
                                 <!-- new_tag -->
                             </div>
                         </a>

website/footer.html

@@ -2,14 +2,12 @@
     <div class="main_container">
         <nav class="footer_bar">
             <div>
-                © ReferenceCollection.
+                © ReferenceCollection.com
             </div>
             <div>
                 <div class="contact_container">
                     <a id="contact">Contact</a>
-                    <div class="contact_details">
-                        disclosedcode@gmail.com
-                    </div>
+                    <span class="contact_details">disclosedcode@gmail.com</span>
                 </div>
             </div>
         </nav>

website/template.html

@@ -34,7 +34,7 @@
     <link rel="shortcut icon" href="../assets/images/favicon.ico" type="image/x-icon">
     <link rel="icon" href="../assets/images/favicon.ico" />
 
-    <link href="../assets/css/main-03101554.css" type="text/css" rel="stylesheet" />
+    <link href="../assets/css/main-03102340.css" type="text/css" rel="stylesheet" />
     <!-- Google tag (gtag.js) -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-XZWG77C7G4"></script>
     <script>