Updated Pages and Templates

fdtechdotnet · Apr 6, 2024 · f370e6e · f370e6e
1 parent 3e72058
commit f370e6e
Show file tree

Hide file tree

Showing 39 changed files with 224 additions and 806 deletions.
diff --git a/package.json b/package.json
@@ -1,15 +1,15 @@
 {
-  "name": "fdtechdotnet",
+  "name": "fdtechdotnet-static-website",
   "version": "1.0.0",
-  "description": "Fullstack-dev Technology",
+  "description": "Fullstack-dev Technology: The Static Website",
   "main": "src/index.njk",
   "scripts": {
     "start": "eleventy --serve",
     "build": "eleventy"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cristianmayo/fdtechdotnet.git"
+    "url": "git+https://github.com/fdtechdotnet/fdtechdotnet-static-website.git"
   },
   "keywords": [
     "11ty",
@@ -20,9 +20,9 @@
   "author": "cristianmayo",
   "license": "MIT License",
   "bugs": {
-    "url": "https://github.com/cristianmayo/fdtechdotnet/issues"
+    "url": "https://github.com/fdtechdotnet/fdtechdotnet-static-website/issues"
   },
-  "homepage": "https://github.com/cristianmayo/fdtechdotnet#readme",
+  "homepage": "https://github.com/fdtechdotnet/fdtechdotnet-static-website#readme",
   "devDependencies": {
     "@11ty/eleventy": "^2.0.1",
     "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",

diff --git a/src/_assets/css/scss/_contents/articles/article-category-cards.scss b/src/_assets/css/scss/_contents/articles/article-category-cards.scss
diff --git a/src/_assets/css/scss/_contents/articles/article-category-list.scss b/src/_assets/css/scss/_contents/articles/article-category-list.scss
diff --git a/src/_assets/css/scss/_contents/articles/article-subcategory-list.scss b/src/_assets/css/scss/_contents/articles/article-subcategory-list.scss
diff --git a/src/_assets/css/scss/_contents/cards.scss b/src/_assets/css/scss/_contents/cards.scss
@@ -8,6 +8,11 @@
     &.cards-gray {
         background-color: var(--bg-slategray);
         border-radius: var(--quarter-spacing);
+    }
+
+    &.cards-link {
+        background-color: var(--bg-slategray);
+        border-radius: var(--quarter-spacing);
 
         &:hover {
             box-shadow: var(--shadow-dark-bottom);
@@ -23,6 +28,7 @@
 
     &__description {
         font-size: small;
+        color: var(--text-lightgray);
         margin: 0;
         padding: 0;
         flex: 1;

diff --git a/src/_assets/css/scss/_style.scss b/src/_assets/css/scss/_style.scss
@@ -50,6 +50,7 @@
 * {
     box-sizing: content-box !important;
 }
+
 body {
     background-color: var(--bg-dark);
     font-family: 'Montserrat', Verdana;
@@ -153,8 +154,10 @@ table {
     box-shadow: var(--shadow-dark-bottom);
     -webkit-box-shadow: var(--shadow-dark-bottom);
     -moz-box-shadow: var(--shadow-dark-bottom);
-    padding: 0;
     margin: 0 0 var(--two-spacing) 0;
+    padding: 0;
+    width: 100%;
+    table-layout: fixed;
 
     & thead, & tbody, & th, & tr, & td {
         padding: var(--half-spacing) var(--default-spacing);

diff --git a/src/_assets/css/scss/page/article-page.scss b/src/_assets/css/scss/page/article-page.scss
@@ -5,6 +5,19 @@
     margin: 0 0 0 var(--two-spacing);
 
     &__item {
+        color: var(--text-light);
+
+        &:hover {
+            color: #fff;
+        }
+
+        &:visited {
+            color: var(--text-light);
+
+            &:hover {
+                color: #fff;
+            }
+        }
 
         &-title {
             color: var(--text-primary);
@@ -25,142 +38,24 @@
 
         &-excerpt {
             line-height: 1.5;
-            color: var(--text-light);
+            // color: var(--text-light);
             display: block;
-
-            @media screen and (max-width:800px) {
-                font-size: var(--text-size-default);
-            }
-
-            &:visited {
-                color: var(--text-light);
-            }
-
-            &:hover {
-                color: #fff;
-            }
-        }
-    }
-}
-
-
-
-.articles-page {
-    margin: 0;
-    padding: 0;
-    display: grid;
-    grid-template-columns: 2fr 1fr;
-    justify-items: stretch;
-    gap: var(--three-spacing);
-
-    @media screen and (max-width:800px) {
-        display: flex;
-        flex-direction: column;
-        gap: var(--two-spacing);
-    }
-
-    &__articles-list {
-        display: flex;
-        flex-direction: column;
-        align-items: stretch;
-        justify-content: flex-start;
-        gap: var(--two-spacing);
-        grid-column: 1;
-        grid-row: span 3;
-
-        .articles-list {
-
-            &__header {
-                background-color: var(--bg-primary);
-                padding: var(--three-spacing) var(--two-spacing);
-                border-top-right-radius: 0.25rem;
-                border-bottom-right-radius: 0.25rem;
-
-                @media screen and (max-width:800px) {
-                    padding: var(--two-spacing) var(--default-spacing);
-                    margin-right: var(--default-spacing);
-                }
-
-                > h1 {
-                    color: #fff;
-                    padding: 0;
-                    margin: 0;
-                }
-            }
-
-            &__entry {
-                margin: 0 0 0 var(--two-spacing);
-                padding: 0;
-
-                @media screen and (max-width:800px) {
-                    margin: 0 0 0 var(--default-spacing);
-                    padding: 0 var(--default-spacing) 0 0;
-                }
-
-                &:nth-child(2) {
-                    padding: var(--two-spacing) 0 0 0;
-                    border-top: solid var(--bg-primary) var(--half-spacing);
-                }
-
-                .article-entry {
-
-                    &__title {
-                        color: var(--text-primary);
-                        font-size: var(--text-size-lg);
-                        font-family: var(--font-title);
-                        font-weight: bold;
-                        display: block;
-
-                        &:visited, &:hover {
-                            color: var(--text-primary);
-                        }
-                    }
-
-                    &__meta {
-                        color: var(--text-lightgray);
-                        padding-bottom: calc(var(--default-spacing)/2);
-                    }
-
-                    &__excerpt {
-                        line-height: 1.5;
-                        color: var(--text-light);
-                        display: block;
-
-                        @media screen and (max-width:800px) {
-                            font-size: var(--text-size-default);
-                        }
-
-                        &:visited {
-                            color: var(--text-light);
-                        }
-
-                        &:hover {
-                            color: #fff;
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    &__callout-actions {
-        grid-column: 2;
-        margin: 0 var(--two-spacing) 0 0;
-
-        @media screen and (max-width:800px) {
-            margin: 0 var(--default-spacing);
         }
     }
 
-    > aside {
+    &__notice {
+        border-left: solid 1rem var(--bg-lightgray);
+        padding: var(--half-spacing) var(--default-spacing);
+        margin: 0;
+        color: var(--text-light);
         display: flex;
         flex-direction: column;
-        gap: var(--two-spacing);
-        padding: 0 var(--two-spacing) 0 0;
-        grid-column: 2;
+        gap: var(--default-spacing);
+        max-width: 750px;
 
-        @media screen and (max-width:800px) {
-            padding: 0 var(--default-spacing);
+        p {
+            padding: 0;
+            margin: 0;
         }
     }
 }