jcarrier-theme

commit 3f3fd2f56d4d0feb6ecfbd7338c49cb669f37c28
parent 10b2e284211ce3a34f27057bf1c68cbf65f490fa
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Sat, 21 Nov 2020 21:17:00 -0500

Modify base element

Diffstat:
M
src/scss/global/_base.scss
 | 
11
-----------
A
src/scss/modules/_footer-banner.scss
 | 
13
+++++++++++++
A
src/scss/modules/_header-banner.scss
 | 
8
++++++++
A
src/scss/modules/_logo.scss
 | 
7
+++++++
A
src/scss/modules/_nav.scss
 | 
18
++++++++++++++++++
M
templates/partials/base.html.twig
 | 
18
++++++++++++++----
M
templates/partials/navigation.html.twig
 | 
6
+++---

7 files changed, 63 insertions(+), 18 deletions(-)
diff --git a/src/scss/global/_base.scss b/src/scss/global/_base.scss
@@ -9,17 +9,6 @@ body {
 body {
     margin:0;
     padding:0;
-
-    // & > * {
-    //     box-sizing:border-box;
-    //     margin: 0 auto;
-    //     max-width:var(--grid-maxwidth);
-    //     padding: 0 rem-calc(32);
-    // }
-
-    // & > * + * {
-    //     margin-top: rem-calc(40);
-    // }
 }
 
 a {
diff --git a/src/scss/modules/_footer-banner.scss b/src/scss/modules/_footer-banner.scss
@@ -0,0 +1,13 @@
+// Footer banner module
+.footer-banner {
+    align-items: flex-start;
+    display: flex;
+    flex-wrap: wrap;
+    font-size: rem-calc(13);
+    justify-content: space-between;
+    padding: 1rem;
+
+    dd {
+        margin-left: 0;
+    }
+}
diff --git a/src/scss/modules/_header-banner.scss b/src/scss/modules/_header-banner.scss
@@ -0,0 +1,8 @@
+// Header banner module
+.header-banner {
+    padding: 1rem;
+
+    & > * + * {
+        margin-top: 1.5rem;
+    }
+}
diff --git a/src/scss/modules/_logo.scss b/src/scss/modules/_logo.scss
@@ -0,0 +1,7 @@
+// Logo module
+.logo {
+    color: var(--base-fg);
+    display: block;
+    font: 2rem serif;
+    text-decoration: none;
+}
diff --git a/src/scss/modules/_nav.scss b/src/scss/modules/_nav.scss
@@ -0,0 +1,18 @@
+// Navigation module
+.nav {
+    a {
+        display: block;
+        padding: 0.25rem 0;
+
+        &,
+        &:active {
+            text-decoration: none;
+        }
+
+        &[aria-current="page"],
+        &:focus,
+        &:hover {
+            text-decoration: underline;
+        }
+    }
+}
diff --git a/templates/partials/base.html.twig b/templates/partials/base.html.twig
@@ -32,7 +32,7 @@
     <div class="layout__inner">
       {% block header %}
         <header class="header-banner layout__aside">
-          <a class="logo" href="{{ home_url }}">
+          <a class="logo" href="{{ home_url }}" rel="index">
             {{ config.site.title }}
           </a>
           {% block header_navigation %}
@@ -43,7 +43,7 @@
 
       <div class="layout__main">
         {% block body %}
-          <main id="c">
+          <main class="main" id="c">
             {% block content %}{% endblock %}
           </main>
         {% endblock %}
@@ -51,9 +51,19 @@
         {% block footer %}
           <footer class="footer-banner">
             <p>
-              <small>Copyright &copy; <time>{{ now|date('Y') }}</time> Jacynthe Carrier.</small><br/>
-              <small>Tous droits réservés.</small>
+              <span>Copyright &copy; <time>{{ now|date('Y') }}</time> Jacynthe Carrier.</span><br/>
+              <span>Tous droits réservés.</span>
             </p>
+
+            <dl>
+              <dt>Contact</dt>
+              <dd>
+                <a href="info@jacynthecarrier.com">info@jacynthecarrier.com</a><br/>
+              </dd>
+              <dd>
+                <a href="mailto:info@galerieantoineertaskiran.com">info@galerieantoineertaskiran.com</a>
+              </dd>
+            </dl>
           </footer>
         {% endblock %}
       </div>
diff --git a/templates/partials/navigation.html.twig b/templates/partials/navigation.html.twig
@@ -14,9 +14,9 @@
             {{ p.menu }}
           </a>
 
-          <ul>
-            {{ _self.loop(p) }}
-          </ul>
+          <!-- <ul>
+               {#{ _self.loop(p) }#}
+               </ul> -->
         </li>
       {% else %}
         <li class="nav__item{{ current_page }}">