Tweak layout

This commit is contained in:
Ben Sturmfels 2023-03-07 01:33:27 +11:00
parent e72135b8e2
commit d68a7ec503
Signed by: bsturmfels
GPG key ID: 023C05E2C9C068F0
2 changed files with 11 additions and 11 deletions

View file

@ -41,17 +41,17 @@
<body class="sans-serif washed-yellow mt4 mb5" style="background: rgb(19,119,82); background: linear-gradient(124deg, rgba(19,119,82,1) 0%, rgba(19,106,119,1) 100%);"> <body class="sans-serif washed-yellow mt4 mb5" style="background: rgb(19,119,82); background: linear-gradient(124deg, rgba(19,119,82,1) 0%, rgba(19,106,119,1) 100%);">
<div class="ph3 ph5-ns pt3 pt4-ns pb4 flex-ns mw8 center"> <header class="ph3 ph5-ns pt3 pt4-ns pb4 flex-ns mw8 center">
<header> <div class="mr4" style="flex-grow: 1">
<h1 class="f-subheadline f-headline-ns lh-solid tracked-tight mv0"><a class="washed-yellow no-underline" href="{{ SITEURL }}/">{{ SITENAME }}</a></h1> <h1 class="f-subheadline f-headline-ns lh-solid tracked-tight mv0"><a class="washed-yellow no-underline" href="{{ SITEURL }}/">{{ SITENAME }}</a></h1>
<h2 class="f3 f2-ns lh-solid mt0 mb3">{{ SITESUBTITLE }}</h2> <h2 class="f3 f2-ns lh-solid mt0 mb3">{{ SITESUBTITLE }}</h2>
<h3 class="f4 f3-ns lh-title mv2 mv3-ns">The first Free and Open Source Software Yearly conference</h3> <h3 class="f4 f4-ns lh-title mv2 mv3-ns">The first Free and Open Source Software Yearly conference</h3>
</header> </div>
<div class="lh-solid mt0" style="font-size: 10rem; width: 30%"><img src="{{ SITEURL }}/theme/images/fossy-tree.svg" style="width: 100%" alt="Tree"></div> <div class="lh-solid mt4 mt0-ns" style="font-size: 10rem; max-width: 250px;"><img src="{{ SITEURL }}/theme/images/fossy-tree.svg" style="width: 100%" alt="Tree"></div>
</div> </header>
<div class="f6 black-70 bg-washed-yellow lh-copy mw8 pv3 pv4-ns ph3 ph5-ns br4-ns center mb4"> <div class="f6 black-70 bg-washed-yellow lh-copy mw8 pv3 pv4-ns ph3 ph5-ns br4-ns center mb4">
<nav><ul class="list tc f4 dark-green flex-ns justify-center mt3 mb4 mb5-ns" style="gap: 1rem"> <nav><ul class="list f5 dark-green flex-ns pl0 mt3 mb4 mb5-ns" style="gap: 1rem">
<li><a class="db dark-green b dim" href="{{ SITEURL }}/">Home</a></li> <li><a class="db dark-green b dim" href="{{ SITEURL }}/">Home</a></li>
{% for title, link in MENUITEMS %} {% for title, link in MENUITEMS %}
<li><a class="db dark-green b dim" href="{{ link }}">{{ title }}</a></li> <li><a class="db dark-green b dim" href="{{ link }}">{{ title }}</a></li>

View file

@ -2,12 +2,12 @@
{% block content %} {% block content %}
<section id="content"> <section id="content">
{% block content_title %} {% block content_title %}
<h1 class="f3 mt0">FOSS is back in Portland, OR at the Oregon Convention Center!</h1> <h1 class="f3 mt0 mb4">FOSS is back in Portland, OR at the Oregon Convention Center!</h1>
{% endblock %} {% endblock %}
<div class="flex-ns"> <div class="flex-ns">
<div class="f6 mw6"> <div class="f6 mw6">
<p class="f4">Software Freedom Conservancy is so proud to announce that we are hosting a community oriented conference this coming summer. FOSSY (Free and Open Source Yearly) is focused on the creation and impact of free and open source software, uplifting contributors of all experience.</p> <p class="f4 mt0">Software Freedom Conservancy is so proud to announce that we are hosting a community oriented conference this coming summer. FOSSY (Free and Open Source Yearly) is focused on the creation and impact of free and open source software, uplifting contributors of all experience.</p>
<p>We are mindful of having a safe environment for all. In this new time of conferences, we will be focused on COVID safety and making sure all attendees feel safe participating as much as they feel comfortable (we will have a detailed policy published in the coming weeks).</p> <p>We are mindful of having a safe environment for all. In this new time of conferences, we will be focused on COVID safety and making sure all attendees feel safe participating as much as they feel comfortable (we will have a detailed policy published in the coming weeks).</p>
@ -25,11 +25,11 @@
</div> </div>
<h3 class="f2 lh-title mt4 mb3" id="posts">Updates</h3> <h3 class="f2 lh-title mt4 mb3" id="posts">News</h3>
<ol id="post-list" class="list pl0"> <ol id="post-list" class="list pl0">
{% for article in articles_page.object_list %} {% for article in articles_page.object_list %}
<li><article class="hentry"> <li><article class="hentry">
<header> <h2 class="entry-title"><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2> </header> <header> <h2 class="f3 entry-title"><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2> </header>
<footer class="post-info"> <footer class="post-info">
<time class="published" datetime="{{ article.date.isoformat() }}"> {{ article.locale_date }} </time> <time class="published" datetime="{{ article.date.isoformat() }}"> {{ article.locale_date }} </time>
<address class="vcard author">By <address class="vcard author">By