diff --git a/assets/css/home-style.css b/assets/css/home-style.css
index 489e1b0..4d93e9c 100755
--- a/assets/css/home-style.css
+++ b/assets/css/home-style.css
@@ -29,9 +29,6 @@ h1 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
-
- /* This padding is used so that the last posts' shadows doesn't overlap the footer */
- padding-bottom: 50px;
}
.post-card_main {
@@ -66,7 +63,7 @@ h1 {
ATM: scale up
*/
- transform: scale(1.04);
+ transform:translate3d(0,-5px,0);
}
a.post-card_main {
@@ -79,7 +76,9 @@ a.post-card_main:hover {
footer.post-card_footer {
display: flex;
- align-items: center;
+ align-items: flex-end;
+ height: 100%;
+ margin-top: 20px;
justify-content: flex-end;
}
diff --git a/assets/css/screen.css b/assets/css/screen.css
index a85d267..925f8bc 100755
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -34,8 +34,7 @@ h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 800;
color: white;
- margin: 0;
- padding: 38px 0 0;
+ margin: 38px 0 38px;
font-size: 60px;
}
@@ -58,18 +57,19 @@ h4 {
}
.nav {
+ width: 100%;
padding: 0;
}
.navbar {
- position: absolute;
- width: 100%;
+ position: absolute; /* only used if JS is disabled */
top: 0;
+ width: 100%;
z-index: 100;
display: flex;
align-items: center;
- justify-content: center;
+ justify-content: flex-start;
text-align: center;
text-transform: uppercase;
text-decoration: none;
@@ -91,23 +91,42 @@ is applied by the script on scroll.
background: rgba(0, 0, 0, 1);
}
+.navbar-colored img {
+ transform:translate(50px, 0);
+}
+
.navbar-transparent {
background: rgba(0, 0, 0, 0.0);
}
-.navbar li {
- display: inline-block;
+.navbar-transparent img {
+ opacity: 0;
}
-.navbar a {
- color: white;
+.navbar img {
+ margin-left: -30px;
+ width: 30px;
+ height: 30px;
+ transition: 1s;
+}
+
+.navbar li {
+ display: inline-block;
text-align: center;
- text-decoration: none;
- font-size: 30px;
+ font-size: 25px;
font-family: 'Oswald', sans-serif;
font-weight: 300;
margin: 0;
- padding: 10px;
+ padding: 0 10px;
+}
+
+.navbar a {
+ color: white;
+ margin: 0;
+ padding: 0;
+ text-decoration: none;
+ display: flex;
+ align-items: center;
}
.navbar li.nav-services {
@@ -130,20 +149,27 @@ main {
text-align: justify;
display: block;
box-sizing: border-box;
- padding-top: 20px;
- padding-bottom: 20px;
+ padding-top: 30px;
+ padding-bottom: 30px;
}
/* End Main Content */
/* Begin footer */
/* .mind-fullscreen-title is only used by pages (no homepage), however other pages have the footer too. */
-.mind-fullscreen-title, footer.mind-site-footer {
+.mind-fullscreen-title, footer.mind-site-footer_main {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
background: linear-gradient(45deg, #067062, #063d70, #2d0670, #4e0670, #700667);
background-size: 1000%, 100%;
animation: gradient 7s linear infinite;
animation-direction: alternate-reverse;
color: white;
}
+
+nav.mind-site-footer_nav {
+ text-align: right;
+ margin: 20px;
+}
/* End footer */
/* Begin policy popup */
diff --git a/default.hbs b/default.hbs
index 2cbc9e6..4d02e94 100755
--- a/default.hbs
+++ b/default.hbs
@@ -24,14 +24,14 @@
- {{@site.title}} - {{meta_title}}
+ {{meta_title}} – {{@site.title}}
{{/is}}
{{#is "index"}}
- {{meta_title}}
+ {{@site.title}}
{{/is}}
@@ -43,9 +43,12 @@
-
+