From 59a377e03b7e45c9c98de83545648207d2c29e6b Mon Sep 17 00:00:00 2001 From: Michael Gee Date: Tue, 10 Aug 2021 22:07:58 -0400 Subject: [PATCH 1/3] append an Add Event item to Upcoming Events section --- src/_includes/layouts/homepage.html | 5 +++++ src/_includes/partials/add.svg | 4 ++++ src/_includes/partials/footer.html | 13 +++++++++---- src/_includes/partials/header.html | 2 +- src/css/homepage.css | 24 ++++++++++++++++++++++++ 5 files changed, 43 insertions(+), 5 deletions(-) create mode 100644 src/_includes/partials/add.svg diff --git a/src/_includes/layouts/homepage.html b/src/_includes/layouts/homepage.html index 12789a8..6a5017b 100644 --- a/src/_includes/layouts/homepage.html +++ b/src/_includes/layouts/homepage.html @@ -79,6 +79,11 @@

{{ event.data.title }}

View Details › {% endfor %} + + + {% include partials/add.svg %} + * Insert Your Awesome Event Idea Here * +

Past Events

diff --git a/src/_includes/partials/add.svg b/src/_includes/partials/add.svg new file mode 100644 index 0000000..9b28547 --- /dev/null +++ b/src/_includes/partials/add.svg @@ -0,0 +1,4 @@ + + Add icon + + \ No newline at end of file diff --git a/src/_includes/partials/footer.html b/src/_includes/partials/footer.html index a6fcd0a..b7d235e 100644 --- a/src/_includes/partials/footer.html +++ b/src/_includes/partials/footer.html @@ -6,11 +6,16 @@ • Events • - Sesh Help + Participate
- +

lunch.dev Community 🗓️

+

lunch.dev community 🗓️

 diff --git a/src/css/homepage.css b/src/css/homepage.css index 0616bb1..500640e 100644 --- a/src/css/homepage.css +++ b/src/css/homepage.css @@ -14,6 +14,7 @@ min-height: 140px; margin: 16px; padding: 16px; + border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px, rgba(0, 0, 0, 0.11) 0px 6.4px 14.4px; background-color: white; @@ -21,6 +22,29 @@ flex-direction: column; } +#add-event-link { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + cursor: pointer; + box-shadow: none; + color: #000; + border: 2px solid #000; + text-decoration: none; + padding: 48px 0; + transition: 0.3s; +} +#add-event-link:hover { + box-shadow: rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px, rgba(0, 0, 0, 0.11) 0px 6.4px 14.4px; +} +#add-event-link span { + font-family: 'Alegreya Sans', sans-serif; + font-size: 1.17em; + padding: 8px 16px; + text-align: center; +} + .event-item__speaker-list { padding-block-start: 1rem; --avatar--size: 2.5rem; From c60877196d0a1eb7532dcba2680705eb0d81918c Mon Sep 17 00:00:00 2001 From: Michael Gee Date: Wed, 11 Aug 2021 00:38:45 -0400 Subject: [PATCH 2/3] made feedback changes then proceeded to get carried away working on featured item/recurring events feature --- src/_includes/layouts/homepage.html | 66 ++++++++++++++++++++++++--- src/_includes/partials/footer.html | 11 ++--- src/css/homepage.css | 70 +++++++++++++++++++++++++---- 3 files changed, 125 insertions(+), 22 deletions(-) diff --git a/src/_includes/layouts/homepage.html b/src/_includes/layouts/homepage.html index 6a5017b..0032a3a 100644 --- a/src/_includes/layouts/homepage.html +++ b/src/_includes/layouts/homepage.html @@ -21,7 +21,6 @@ {% include partials/header.html %}
-

Next event

{% assign nextEvent = collections.upcomingEvents | first %}
@@ -45,10 +44,63 @@

{{ nextEvent.data.title }}

{% endfor %} - View Details ›
+ +

Upcoming Events

@@ -76,13 +128,15 @@

{{ event.data.title }}

{% endfor %} - View Details › + View Details › {% endfor %} {% include partials/add.svg %} - * Insert Your Awesome Event Idea Here * + *Insert Your Awesome Event Idea Here* @@ -109,7 +163,9 @@

{{ event.data.title }}

{% endfor %} - View Details › + View Details › {% endfor %} diff --git a/src/_includes/partials/footer.html b/src/_includes/partials/footer.html index b7d235e..0b388c8 100644 --- a/src/_includes/partials/footer.html +++ b/src/_includes/partials/footer.html @@ -10,12 +10,7 @@
- +
lunch.dev community 🗓️
diff --git a/src/css/footer.css b/src/css/footer.css index 4c51dad..eaa2806 100644 --- a/src/css/footer.css +++ b/src/css/footer.css @@ -1,8 +1,9 @@ -footer { +#footer { display: flex; align-items: center; justify-content: space-between; - margin: 16px; + padding-top: 40px; + padding-bottom: 40px; } .footer-links { @@ -51,8 +52,10 @@ footer { } @media screen and (max-width: 768px) { - footer { + #footer { flex-direction: column-reverse; + padding-top: 24px; + padding-bottom: 24px; } .footer-social {