fix resource subpage formatting

jasm1nii · Oct 30, 2023 · 183772f · 183772f
1 parent 7108cad
commit 183772f
Show file tree

Hide file tree

Showing 6 changed files with 45 additions and 31 deletions.
diff --git a/public_html/_assets/stylesheets/content_A2.css b/public_html/_assets/stylesheets/content_A2.css
diff --git a/public_html/_assets/stylesheets/content_A2.css.map b/public_html/_assets/stylesheets/content_A2.css.map
diff --git a/resources/content/resources/categories/art-design.md b/resources/content/resources/categories/art-design.md
@@ -1,4 +1,4 @@
-<article>
+<section>
 
 ## illustration programs
 
@@ -20,9 +20,9 @@
 
 - [pixilart](https://www.pixilart.com/) - runs in the browser
 
-</article>
+</section>
 
-<article>
+<section>
 
 ## reference tools
 
@@ -38,9 +38,9 @@
 
     create nets of 3D objects - ideal for foldable paper crafts and related projects
 
-</article>
+</section>
 
-<article>
+<section>
 
 ## graphic assets
 
@@ -84,9 +84,9 @@
 
     hi-res stock photos and textures - all free to use.
 
-</article>
+</section>
 
-<article>
+<section>
 
 ## miscellaneous
 
@@ -100,12 +100,12 @@
     you're gonna need a LOT of bandwidth for this; the initial installer is nearly **3 GB** in size, with 4 GB of additional resources that need to be downloaded on the first launch.
     </details>
 
-</article>
+</section>
 
-<article>
+<section>
 
 ## more resources
 
 - ["awesome design tools" on github](https://github.com/goabstract/Awesome-Design-Tools)
 
-</article>
+</section>
diff --git a/resources/content/resources/categories/webdev/code-templates-tools.md b/resources/content/resources/categories/webdev/code-templates-tools.md
@@ -36,7 +36,7 @@
 
 - [sass](https://sass-lang.com/)
 
-    a CSS preprocessor - super useful for polyfilling nested styles and vendor prefixes for older browsers. sass variables are also much more flexible that regular CSS variables.
+    a CSS preprocessor - super useful for polyfilling nested styles and vendor prefixes for older browsers. sass variables are also much more flexible than regular CSS variables.
 
     sass can be precompiled with [compile hero](https://github.com/Wscats/compile-hero) or [live sass compiler](https://marketplace.visualstudio.com/items?itemName=glenn2223.live-sass) for vscode.
 

diff --git a/resources/layouts/resources/resources_subpage_1.html.twig b/resources/layouts/resources/resources_subpage_1.html.twig
@@ -15,11 +15,12 @@
         <div id="layout">
             <header>
                 <hgroup>
-                    <h1>{{ title }}</h1>
+                    <p>jasmine's resources</p>
                     {% if parent_name is defined %}
                         <p id="parent-category-name">{{ parent_name }}</p>
                     {% endif %}
-                    <p>jasmine's resources</p>
+                    </p>
+                    <h1>{{ title }}</h1>
                     <p>
                         last updated:
                         <time datetime="{{ updated|date() }}">{{ updated|format_date(pattern="d MMMM Y")|lower }}</time>
@@ -45,8 +46,10 @@
                         {% endapply %}
                     </details>
                 </aside>
-                {% block content %}
-                {% endblock %}
+                <article>
+                    {% block content %}
+                    {% endblock %}
+                </article>
             </main>
         </div>
         <footer>

diff --git a/resources/scss/content_A2.scss b/resources/scss/content_A2.scss
@@ -114,6 +114,8 @@ header {
 
 #parent-category-name {
     font-size: larger;
+    font-weight: 500;
+    margin: 0;
 }
 
 section, #legend, main nav {
@@ -237,7 +239,10 @@ footer {
         margin-right: auto;
         margin-top: 5%;
         position: relative;
-        text-align: center;
+        text-align: right;
+        & nav {
+            text-align: left;
+        }
         & nav li {
             display: inline;
             margin-right: .5em;
@@ -247,18 +252,19 @@ footer {
             }
         }
     }
-    #themeToggle {
-        height: fit-content;
-        margin-bottom: 1em;
-    }
     #layout {
         margin-top: 0;
         flex-direction: column;
     }
     main {
         margin-top: 15%;
-        margin-right: 1em;
-        margin-left: 1em;
+    }
+    section {
+        border-right: none;
+        border-left: none;
+    }
+    #legend, main nav {
+        margin: 5vh 5vw;
     }
     footer {
         text-align: center;