forked from HPR/hpr_generator
Compare commits
1 Commits
newsite-cr
...
newsite
Author | SHA1 | Date | |
---|---|---|---|
e5d8d20e85
|
@@ -25,13 +25,6 @@ https://creativecommons.org/publicdomain/
|
|||||||
local("BebasNeue"),
|
local("BebasNeue"),
|
||||||
url("/css/bebas/BebasNeue.woff") format("woff");
|
url("/css/bebas/BebasNeue.woff") format("woff");
|
||||||
}
|
}
|
||||||
@font-face {
|
|
||||||
font-family: "PatrickHand";
|
|
||||||
src:
|
|
||||||
local("PatrickHand"),
|
|
||||||
url("/css/PatrickHand/PatrickHand-Regular.ttf") format("ttf");
|
|
||||||
}
|
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--background-primary: #fffff7/*#fafafa#fbfbee #dfdfdf */;
|
--background-primary: #fffff7/*#fafafa#fbfbee #dfdfdf */;
|
||||||
--text-primary: #4d4d4d; /* HPR Grey */
|
--text-primary: #4d4d4d; /* HPR Grey */
|
||||||
@@ -98,7 +91,7 @@ body > nav ul {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0.25rem;
|
padding: 0.25rem;
|
||||||
}
|
}
|
||||||
body > nav ul li {
|
body > nav ul li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background-color: inherit;
|
background-color: inherit;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
@@ -313,18 +306,7 @@ a.lane-button {
|
|||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-image: url("../images/lane-item-background.png");
|
|
||||||
}
|
|
||||||
a.lane-button p {
|
|
||||||
font-family: 'Patrick Hand', cursive;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 1.2em;
|
|
||||||
mask-image: url("../images/charcoal.png");
|
|
||||||
mask-size: 20%;
|
|
||||||
mask-repeat: repeat;
|
|
||||||
background-clip: text;
|
|
||||||
color: black;
|
|
||||||
margin: -0.25rem;
|
|
||||||
}
|
}
|
||||||
a.lane-button:hover {
|
a.lane-button:hover {
|
||||||
box-shadow:
|
box-shadow:
|
||||||
@@ -333,11 +315,8 @@ a.lane-button:hover {
|
|||||||
}
|
}
|
||||||
a.lane-button img {
|
a.lane-button img {
|
||||||
height: clamp(95px, calc(100vw - var(--for-tablet-portrait-up)), 110px);
|
height: clamp(95px, calc(100vw - var(--for-tablet-portrait-up)), 110px);
|
||||||
/*filter: invert(60%) sepia(50%) hue-rotate(140deg) saturate(200%);*/
|
filter: invert(60%) sepia(50%) hue-rotate(140deg) saturate(200%);
|
||||||
transform: scaleX(0.9);
|
transform: scaleX(0.9);
|
||||||
mask-image: url("../images/charcoal.png");
|
|
||||||
mask-size: 60%;
|
|
||||||
mask-repeat: repeat;
|
|
||||||
}
|
}
|
||||||
#tag_line,
|
#tag_line,
|
||||||
#title {
|
#title {
|
||||||
@@ -534,73 +513,3 @@ fieldset > input {
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 480px) {
|
|
||||||
#main_menu {
|
|
||||||
display: none;
|
|
||||||
position: absolute;
|
|
||||||
top: 100%;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 1000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hamburger {
|
|
||||||
display: block ! important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main_menu.is_open {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main_menu.is_open ul {
|
|
||||||
width: fit-content;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main_menu.is_open ul li {
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.hamburger {
|
|
||||||
float: right;
|
|
||||||
background-color: var(--background-secondary);
|
|
||||||
border: none;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon {
|
|
||||||
display: block;
|
|
||||||
mask-size: contain;
|
|
||||||
background-color: var(--link-secondary);
|
|
||||||
height: var(--font-size-default);
|
|
||||||
padding: 0.25rem;
|
|
||||||
border: solid 1px var(--link-secondary);
|
|
||||||
transition: background-color 0.2s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon:hover {
|
|
||||||
background-color: var(--link-secondary-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.hamburger_icon {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hamburger_icon.is_open {
|
|
||||||
display: none ! important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.close_icon {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.close_icon.is_open {
|
|
||||||
display: block ! important;
|
|
||||||
}
|
|
@@ -1,93 +0,0 @@
|
|||||||
Copyright (c) 2010-2012 Patrick Wagesreiter (mail@patrickwagesreiter.at)
|
|
||||||
|
|
||||||
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
|
||||||
This license is copied below, and is also available with a FAQ at:
|
|
||||||
https://openfontlicense.org
|
|
||||||
|
|
||||||
|
|
||||||
-----------------------------------------------------------
|
|
||||||
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
|
||||||
-----------------------------------------------------------
|
|
||||||
|
|
||||||
PREAMBLE
|
|
||||||
The goals of the Open Font License (OFL) are to stimulate worldwide
|
|
||||||
development of collaborative font projects, to support the font creation
|
|
||||||
efforts of academic and linguistic communities, and to provide a free and
|
|
||||||
open framework in which fonts may be shared and improved in partnership
|
|
||||||
with others.
|
|
||||||
|
|
||||||
The OFL allows the licensed fonts to be used, studied, modified and
|
|
||||||
redistributed freely as long as they are not sold by themselves. The
|
|
||||||
fonts, including any derivative works, can be bundled, embedded,
|
|
||||||
redistributed and/or sold with any software provided that any reserved
|
|
||||||
names are not used by derivative works. The fonts and derivatives,
|
|
||||||
however, cannot be released under any other type of license. The
|
|
||||||
requirement for fonts to remain under this license does not apply
|
|
||||||
to any document created using the fonts or their derivatives.
|
|
||||||
|
|
||||||
DEFINITIONS
|
|
||||||
"Font Software" refers to the set of files released by the Copyright
|
|
||||||
Holder(s) under this license and clearly marked as such. This may
|
|
||||||
include source files, build scripts and documentation.
|
|
||||||
|
|
||||||
"Reserved Font Name" refers to any names specified as such after the
|
|
||||||
copyright statement(s).
|
|
||||||
|
|
||||||
"Original Version" refers to the collection of Font Software components as
|
|
||||||
distributed by the Copyright Holder(s).
|
|
||||||
|
|
||||||
"Modified Version" refers to any derivative made by adding to, deleting,
|
|
||||||
or substituting -- in part or in whole -- any of the components of the
|
|
||||||
Original Version, by changing formats or by porting the Font Software to a
|
|
||||||
new environment.
|
|
||||||
|
|
||||||
"Author" refers to any designer, engineer, programmer, technical
|
|
||||||
writer or other person who contributed to the Font Software.
|
|
||||||
|
|
||||||
PERMISSION & CONDITIONS
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining
|
|
||||||
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
|
||||||
redistribute, and sell modified and unmodified copies of the Font
|
|
||||||
Software, subject to the following conditions:
|
|
||||||
|
|
||||||
1) Neither the Font Software nor any of its individual components,
|
|
||||||
in Original or Modified Versions, may be sold by itself.
|
|
||||||
|
|
||||||
2) Original or Modified Versions of the Font Software may be bundled,
|
|
||||||
redistributed and/or sold with any software, provided that each copy
|
|
||||||
contains the above copyright notice and this license. These can be
|
|
||||||
included either as stand-alone text files, human-readable headers or
|
|
||||||
in the appropriate machine-readable metadata fields within text or
|
|
||||||
binary files as long as those fields can be easily viewed by the user.
|
|
||||||
|
|
||||||
3) No Modified Version of the Font Software may use the Reserved Font
|
|
||||||
Name(s) unless explicit written permission is granted by the corresponding
|
|
||||||
Copyright Holder. This restriction only applies to the primary font name as
|
|
||||||
presented to the users.
|
|
||||||
|
|
||||||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
|
||||||
Software shall not be used to promote, endorse or advertise any
|
|
||||||
Modified Version, except to acknowledge the contribution(s) of the
|
|
||||||
Copyright Holder(s) and the Author(s) or with their explicit written
|
|
||||||
permission.
|
|
||||||
|
|
||||||
5) The Font Software, modified or unmodified, in part or in whole,
|
|
||||||
must be distributed entirely under this license, and must not be
|
|
||||||
distributed under any other license. The requirement for fonts to
|
|
||||||
remain under this license does not apply to any document created
|
|
||||||
using the Font Software.
|
|
||||||
|
|
||||||
TERMINATION
|
|
||||||
This license becomes null and void if any of the above conditions are
|
|
||||||
not met.
|
|
||||||
|
|
||||||
DISCLAIMER
|
|
||||||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
|
||||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
|
||||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
|
||||||
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
|
||||||
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
|
||||||
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
|
||||||
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
||||||
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
|
||||||
OTHER DEALINGS IN THE FONT SOFTWARE.
|
|
Binary file not shown.
Binary file not shown.
Before Width: | Height: | Size: 57 KiB |
@@ -1 +0,0 @@
|
|||||||
<svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"/></svg>
|
|
Before Width: | Height: | Size: 307 B |
@@ -1 +0,0 @@
|
|||||||
<svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z"/></svg>
|
|
Before Width: | Height: | Size: 146 B |
Binary file not shown.
Before Width: | Height: | Size: 24 KiB |
Binary file not shown.
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 49 KiB |
@@ -1,27 +0,0 @@
|
|||||||
const hamburger = document.querySelector('.hamburger');
|
|
||||||
const mainNav = document.querySelector('#main_menu');
|
|
||||||
const hamburgerIcon = document.querySelector('.hamburger_icon');
|
|
||||||
const closeIcon = document.querySelector('.close_icon');
|
|
||||||
|
|
||||||
hamburger.addEventListener('click', function() {
|
|
||||||
const isOpen = this.getAttribute('aria-expanded') === 'true';
|
|
||||||
|
|
||||||
this.setAttribute('aria-expanded', !isOpen);
|
|
||||||
|
|
||||||
mainNav.classList.toggle('is_open');
|
|
||||||
hamburgerIcon.classList.toggle('is_open');
|
|
||||||
closeIcon.classList.toggle('is_open');
|
|
||||||
|
|
||||||
if (!isOpen) {
|
|
||||||
const firstLink = mainNav.querySelector('a');
|
|
||||||
if (firstLink) firstLink.focus();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
document.addEventListener('keydown', function(e) {
|
|
||||||
if (e.key === 'Escape' && mainNav.classList.contains('is_open')) {
|
|
||||||
mainNav.classList.remove('is_open');
|
|
||||||
hamburger.setAttribute('aria-expanded', 'false');
|
|
||||||
hamburger.focus();
|
|
||||||
}
|
|
||||||
});
|
|
@@ -47,22 +47,22 @@
|
|||||||
<div class="lane">
|
<div class="lane">
|
||||||
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->about.html#recording_a_podcast">
|
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->about.html#recording_a_podcast">
|
||||||
<img src="<!--% absolute_path(baseurl) %-->images/icons/mic-fill.svg" alt="" height="110">
|
<img src="<!--% absolute_path(baseurl) %-->images/icons/mic-fill.svg" alt="" height="110">
|
||||||
<p>Record</p>
|
Record
|
||||||
</a>
|
</a>
|
||||||
<br class="no-css">
|
<br class="no-css">
|
||||||
<a class="lane-button" href="https://hub.hackerpublicradio.org/calendar.php">
|
<a class="lane-button" href="https://hub.hackerpublicradio.org/calendar.php">
|
||||||
<img src="<!--% absolute_path(baseurl) %-->images/icons/calendar-2-line.svg" alt="" height="110">
|
<img src="<!--% absolute_path(baseurl) %-->images/icons/calendar-2-line.svg" alt="" height="110">
|
||||||
<p>Schedule</p>
|
Schedule
|
||||||
</a>
|
</a>
|
||||||
<br class="no-css">
|
<br class="no-css">
|
||||||
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->syndication.html">
|
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->syndication.html">
|
||||||
<img src="<!--% absolute_path(baseurl) %-->images/icons/rss-fill.svg" alt="" height="110">
|
<img src="<!--% absolute_path(baseurl) %-->images/icons/rss-fill.svg" alt="" height="110">
|
||||||
<p>Subscribe</p>
|
Subscribe
|
||||||
</a>
|
</a>
|
||||||
<br class="no-css">
|
<br class="no-css">
|
||||||
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->eps/index.html">
|
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->eps/index.html">
|
||||||
<img src="<!--% absolute_path(baseurl) %-->images/icons/volume-up-fill.svg" alt="" height="110">
|
<img src="<!--% absolute_path(baseurl) %-->images/icons/volume-up-fill.svg" alt="" height="110">
|
||||||
<p>Listen</p>
|
Listen
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@@ -71,22 +71,22 @@
|
|||||||
<div class="lane">
|
<div class="lane">
|
||||||
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->correspondents/index.html">
|
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->correspondents/index.html">
|
||||||
<img src="<!--% absolute_path(baseurl) %-->images/icons/user-fill.svg" alt="" height="110">
|
<img src="<!--% absolute_path(baseurl) %-->images/icons/user-fill.svg" alt="" height="110">
|
||||||
<p>Hosts</p>
|
Host
|
||||||
</a>
|
</a>
|
||||||
<br class="no-css">
|
<br class="no-css">
|
||||||
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->series/index.html">
|
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->series/index.html">
|
||||||
<img src="<!--% absolute_path(baseurl) %-->images/icons/stack-fill.svg" alt="" height="110">
|
<img src="<!--% absolute_path(baseurl) %-->images/icons/stack-fill.svg" alt="" height="110">
|
||||||
<p>Series</p>
|
Series
|
||||||
</a>
|
</a>
|
||||||
<br class="no-css">
|
<br class="no-css">
|
||||||
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->about.html">
|
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->about.html">
|
||||||
<img src="<!--% absolute_path(baseurl) %-->images/icons/question-mark.svg" alt="" height="110">
|
<img src="<!--% absolute_path(baseurl) %-->images/icons/question-mark.svg" alt="" height="110">
|
||||||
<p>About</p>
|
About
|
||||||
</a>
|
</a>
|
||||||
<br class="no-css">
|
<br class="no-css">
|
||||||
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->search.html">
|
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->search.html">
|
||||||
<img src="<!--% absolute_path(baseurl) %-->images/icons/search.svg" alt="" height="110">
|
<img src="<!--% absolute_path(baseurl) %-->images/icons/search.svg" alt="" height="110">
|
||||||
<p>Search</p>
|
Search
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
@@ -40,10 +40,6 @@
|
|||||||
<a href="<!--% absolute_path(baseurl) %-->sitemap.html#main_content">Site Map</a>
|
<a href="<!--% absolute_path(baseurl) %-->sitemap.html#main_content">Site Map</a>
|
||||||
- <a href="#main_content">skip to main content</a>
|
- <a href="#main_content">skip to main content</a>
|
||||||
</nav>
|
</nav>
|
||||||
<button type="button" id="hamburger-menu" class="hamburger" aria-controls="main-navigation" aria-expanded="false" aria-label="Toggle navigation menu">
|
|
||||||
<i aria-hidden="true" class="icon hamburger_icon" style="mask: url('<!--% absolute_path(baseurl) %-->images/icons/menu-line.svg') no-repeat center;"></i>
|
|
||||||
<i aria-hidden="true" class="icon close_icon" style="mask: url('<!--% absolute_path(baseurl) %-->images/icons/close-line.svg') no-repeat center;"></i>
|
|
||||||
</button>
|
|
||||||
<nav id="main_menu" class="menu" role="navigation">
|
<nav id="main_menu" class="menu" role="navigation">
|
||||||
<!--% INCLUDE "navigation-main.tpl.html" %-->
|
<!--% INCLUDE "navigation-main.tpl.html" %-->
|
||||||
</nav>
|
</nav>
|
||||||
@@ -81,6 +77,5 @@
|
|||||||
<div id="generated_by">This page was <a href="https://repo.anhonesthost.net/HPR/hpr_generator">generated</a> by <a href="mailto:<!--% generator_email %-->"><!--% generator_name %--></a> at <time dateTime="<!--% format_iso8601_date(date.now) %-->"><!--% format_feed_date(date.now) %--></time></em>
|
<div id="generated_by">This page was <a href="https://repo.anhonesthost.net/HPR/hpr_generator">generated</a> by <a href="mailto:<!--% generator_email %-->"><!--% generator_name %--></a> at <time dateTime="<!--% format_iso8601_date(date.now) %-->"><!--% format_feed_date(date.now) %--></time></em>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<script src="/js/menu.js"></script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
Reference in New Issue
Block a user