From c24c145f86a97b245ee37e899c5670fa10a36cca Mon Sep 17 00:00:00 2001 From: Evan Pratten Date: Thu, 6 Jul 2023 16:02:19 -0400 Subject: [PATCH] ideas --- content/_index.md | 6 +- sass/styles/layout.scss | 99 ++++++++++++++++++++++++++++++++ sass/styles/typography.scss | 5 +- templates/base.html | 38 +++--------- templates/components/footer.html | 9 +-- templates/index.html | 69 +++++++++++++++++++++- 6 files changed, 183 insertions(+), 43 deletions(-) diff --git a/content/_index.md b/content/_index.md index cd97cd6..6b6972f 100644 --- a/content/_index.md +++ b/content/_index.md @@ -2,7 +2,7 @@ title: Home --- -## About me + - + diff --git a/sass/styles/layout.scss b/sass/styles/layout.scss index 0b4e78b..e2ad2d6 100644 --- a/sass/styles/layout.scss +++ b/sass/styles/layout.scss @@ -62,3 +62,102 @@ max-width: unset !important; } } + +.home-page { + .hello { + margin-top: 7em; + text-align: center; + h1 { + font-size: 3em; + font-weight: bold; + } + } + + .home-big-cards { + display: flex; + flex-direction: row; + justify-content: center; + + padding: unset; + margin: unset; + + li { + list-style: none; + max-width: 300px; + // max-height: ; + width: 100%; + margin: 2em; + } + + .big-card { + height: 400px; + + border: 1px solid grey; + border-radius: 5px; + + transition: box-shadow 0.2s ease-in-out; + + &:hover { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); + } + + $title-height: 2em; + .card-image { + height: calc(400px - #{$title-height} - 2em); + background-color: grey; + } + + .card-title { + display: flex; + flex-direction: column; + justify-content: center; + height: $title-height; + padding: 1em; + + color:black; + font-weight: bold; + // background-color: black; + } + } + } + + .home-small-cards { + + display: flex; + flex-direction: row; + justify-content: center; + + padding: unset; + margin: unset; + + li { + list-style: none; + max-width: 200px; + width: 100%; + margin: 1.5em; + } + + .small-card { + border: 1px solid grey; + border-radius: 5px; + + transition: box-shadow 0.2s ease-in-out; + + &:hover { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); + } + + .card-title { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + padding: 1em; + + color:black; + font-weight: bold; + } + } + } +} diff --git a/sass/styles/typography.scss b/sass/styles/typography.scss index f86f50c..208df83 100644 --- a/sass/styles/typography.scss +++ b/sass/styles/typography.scss @@ -15,6 +15,8 @@ // font-family: "Rubik", sans-serif; // font-weight: normal; // } + +@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,700;0,800;1,400;1,700;1,800&display=swap'); a { text-decoration: none; color: blue !important; @@ -30,7 +32,8 @@ a { body { margin: 0; - font-family: serif; + // font-family: serif; + font-family: 'Poppins', sans-serif; text-align: justify; } diff --git a/templates/base.html b/templates/base.html index 4850b83..277abdc 100644 --- a/templates/base.html +++ b/templates/base.html @@ -57,10 +57,10 @@
{# Allow pages to override the content before the navbar #} - {% block page_start %}{% endblock page_start %} + {# {% block page_start %}{% endblock page_start %} #} {# Navbar #} -
+ {#
{% include "components/navbar.html" %} {% if announcement %} @@ -68,41 +68,19 @@ {% else %}
{% endif %} -
+
#} {# Actual content #}
-
- {% block left_side %} - {% endblock left_side %} -
-
- {% if redirect_target %} -
-

Redirection Notice

-

- You are being redirected to another page.
- Click here if this does not happen automatically. -

-
- {% else %} -
- {% block content %}{% endblock content %} -
- {% endif %} + + {% block content %}{% endblock content %} + + {# Footer #} + {% include "components/footer.html" %} - {# Footer #} - {% include "components/footer.html" %} -
- {# External scripts #} - {# - #} - {# Brid.gy h-card #} diff --git a/templates/components/footer.html b/templates/components/footer.html index c15a01a..41f3bff 100644 --- a/templates/components/footer.html +++ b/templates/components/footer.html @@ -1,4 +1,4 @@ -{% block component_styles %} +{# {% block component_styles %} {{ super() }} {% endblock component_styles %} @@ -16,10 +16,5 @@ Copyright © 2017 - {{ now() | date(format="%Y") }} Evan Warren Pratten

- {#

- Press Kit - · - Contact -

#}
- \ No newline at end of file + #} \ No newline at end of file diff --git a/templates/index.html b/templates/index.html index fb2fb1e..9487a9b 100644 --- a/templates/index.html +++ b/templates/index.html @@ -43,8 +43,73 @@ {# Page content #} {% block page_start %} -{% include "components/about-card.html" %} +{# {% include "components/about-card.html" %} #} {% endblock page_start %} {% block content %} -{{ section.content | safe }} +{# {{ section.content | safe }} #} + +
+
+

Hi, I'm Evan Pratten

+
+ +
+ + +
+
+ {% endblock content %} \ No newline at end of file