refactor: rename article-footer to article-meta (#1293)

* refactor: rename `article-footer` to `article-meta`, and remove unnecesary structures

* fix: Update default article license URL to point to Creative Commons.

assets/scss/partials/article.scss

@@ -71,12 +71,11 @@
     gap: 8px;
 }
 
-.article-footer,
-.article-translations,
-.article-header-tags {
+.article-meta {
     display: flex;
-    color: var(--card-text-color-tertiary);
-    gap: var(--spacing-md);
+    flex-direction: column;
+    gap: var(--spacing-lg);
+    font-size: 1.4rem;
 
     svg {
         vertical-align: middle;
@@ -86,30 +85,22 @@
         flex-shrink: 0;
     }
 
+    &,
     time,
-    a {
+    a,
+    span {
         font-size: 1.4rem;
         color: var(--card-text-color-tertiary);
     }
 
-    & > div {
+    & > .inline-meta {
         display: inline-flex;
+        flex-wrap: wrap;
         align-items: center;
         gap: var(--spacing-md);
     }
 }
 
-.article-time {
-    flex-wrap: wrap;
-}
-
-.article-translations,
-.article-header-tags {
-    & > div {
-        flex-wrap: wrap;
-    }
-}
-
 .article-category,
 .article-tags {
     display: flex;
@@ -172,11 +163,7 @@
                 object-fit: cover;
             }
         }
-
-        .article-footer {
-            font-size: 1.4rem;
-        }
-
+        
         .article-preview {
             font-size: 1.4rem;
             color: var(--card-text-color-tertiary);

assets/scss/partials/layout/article.scss

@@ -45,41 +45,7 @@
 
         .article-footer {
             margin: var(--card-padding);
-            margin-top: 0;
-
-            section:not(:first-child) {
-                margin-top: var(--card-padding);
-            }
-
-            section {
-                color: var(--card-text-color-tertiary);
-                text-transform: uppercase;
-                display: flex;
-                align-items: center;
-                font-size: 1.4rem;
-                gap: 15px;
-
-                svg {
-                    width: 20px;
-                    height: 20px;
-                    stroke-width: 1.33;
-                }
-            }
-
-            .article-tags {
-                text-transform: unset;
-            }
-
-            .article-copyright,
-            .article-lastmod {
-                a {
-                    color: var(--body-text-color);
-                }
-
-                a.link {
-                    box-shadow: unset;
-                }
-            }
+            gap: var(--spacing-2xl);
         }
     }
 }