diff options
| author | luxagraf <sng@luxagraf> | 2021-01-15 14:54:30 -0500 |
|---|---|---|
| committer | luxagraf <sng@luxagraf> | 2021-01-15 14:54:30 -0500 |
| commit | 47b79fd9d4329e73cef7929ed8f64d9eeb287ae5 (patch) | |
| tree | 189381bfe0d81fdc1105679910114deaab3cdb58 /design/templates/base.html | |
| parent | e61f3d2c4537a2670c40b33eb02231a71dfb028a (diff) | |
Proj: Massive design overhaul to simplify code
Cut out Sass syntax, deleted old CSS rules, changed HTML to use
fewer lists and more cascading instead of specific rules. Still requires
compiling with sass to strip comments and compress, but would in theory
work on its own.
Reduced CSS file size by 2/3
Diffstat (limited to 'design/templates/base.html')
| -rw-r--r-- | design/templates/base.html | 61 |
1 files changed, 19 insertions, 42 deletions
diff --git a/design/templates/base.html b/design/templates/base.html index 06313ea..3b9dd31 100644 --- a/design/templates/base.html +++ b/design/templates/base.html @@ -14,7 +14,7 @@ title="Luxagraf RSS feed" href="https://luxagraf.net/rss/"> {%block stylesheet%}<link rel="stylesheet" - href="/media/screenv9.css{%comment%}?{% now "u" %}{%endcomment%}" + href="/media/screenv10.css{%comment%}?{% now "u" %}{%endcomment%}" media="screen">{%endblock%} <link rel="stylesheet" href="/media/print.css" media="print" title="print" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> @@ -23,56 +23,33 @@ {%block extrahead%}{%endblock%} </head> <body {%block bodyid%}{%endblock%}{%block bodyevents%}{%endblock%}> - <div class="wrapper" id="wrapper"> - <div class="header-wrapper"> - <header class="site-banner"> - <div id="logo"> - <a href="/" title="Home">Luxagraf</a> - <span class="sitesubtitle">{%block sitesubtitle %}Walk Slowly{% endblock%}</span> - </div> - <nav> - <ul> - <li><a href="{% url "jrnl:list" %}" title="Stories of life on the road.">Jrnl</a> & <a href="{% url "fieldnotes:list" %}" title="Short stories, snapshots of daily life on the road.">Field Notes</a></li> - <!--<li><a href="{% url "guides:guide-base" %}" title="Advice, Tools, Tips and Tricks for Full Time Van or RV Life.">Guides</a></li>--> - <li><a href="/newsletter/friends/" title="The 'friends of a long year' newsletter">newsletter</a></li> - <li><a href="/about" title="About Scott">About</a></li> - </ul> - </nav> - </header> - </div> + <header class="header-wrapper"> + <div id="logo"> + <a class="logo-link" href="/" title="Home">Luxagraf</a> + <span class="sitesubtitle">{%block sitesubtitle %}Walk Slowly{% endblock%}</span> + </div> + <nav> + <a class="nav-item" href="{% url "jrnl:list" %}" title="Stories of life on the road.">Jrnl</a>{%comment%} & <a href="{% url "fieldnotes:list" %}" title="Short stories, snapshots of daily life on the road.">Field Notes</a> + <a href="{% url "guides:guide-base" %}" title="Advice, Tools, Tips and Tricks for Full Time Van or RV Life.">Guides</a>{%endcomment%} + <a class="nav-item" href="/newsletter/friends/" title="The 'friends of a long year' newsletter">newsletter</a> + <a class="nav-item" href="/about" title="About Scott">About</a> + </nav> + </header> {% block breadcrumbs %}{% endblock %} {% block primary %}{% endblock %} {% block extrabody %}{% endblock %} {% block disclaimer %}{% endblock%} - <footer class="bl"> - <ul class="footer-nav"> - <li><a href="/blogroll" title="Sites that inspire us">Blogroll</a></li> - <li><a href="/contact/" title="contact luxagraf">Contact</a></li> - <li>Follow Along: - <ul> - <li><a href="/jrnl/feed.xml" title="RSS feed">RSS</a></li> - <li><a href="/newsletter/friends/" title="Luxagraf Email Updates">Email</a></li> - <li><a href="https://www.instagram.com/luxagraf" rel="me" title="luxagraf on Instagram">Instagram</a></li> - </ul> - </ul> - <div class="support">Support luxagraf: - <div class="donate-btn"> - <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"> - <input type="hidden" name="cmd" value="_s-xclick"> - <input type="hidden" name="hosted_button_id" value="HYJFZQSBGJ8QQ"> - <input type="submit" name="submit" title="Donate to luxagraf via PayPal"> - </form> - </div> - <div class="donate-btn"> - <a class="liberapay-btn" href="https://liberapay.com/luxagraf/donate"><span>Donate</span></a> - </div> - </div> + <footer class="page-footer"> + <nav> + <a class="nav-item" href="/blogroll" title="Sites that inspire us">Blogroll</a> + <a class="nav-item" href="/contact/" title="contact luxagraf">Contact</a> + <a class="nav-item" href="/jrnl/feed.xml" title="RSS feed">RSS</a> + </nav> <p id="license"> © 2003-{% now "Y" %} <span class="h-card"><a class="p-name u-url" href="https://luxagraf.net/">Scott Gilbertson</a><data class="p-nickname" value="luxagraf"></data><data class="p-locality" value="Athens"></data><data class="p-region" value="Georgia"></data><data class="p-country-name" value="United States"></data></span>. </p> </footer> - </div> {% block js %}{% endblock%} <script> <!-- |