shadowfacts
/
shadowfacts.net
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: shadowfacts:7ca373b020062a6bc569476b44003c60f62b6148
Branches Tags
shadowfacts:master
..
compare: shadowfacts:68e72c1834b2c3f4dc3f2840fcf2df7687f8cb3e
Branches Tags
shadowfacts:master

No commits in common. "7ca373b020062a6bc569476b44003c60f62b6148" and "68e72c1834b2c3f4dc3f2840fcf2df7687f8cb3e" have entirely different histories.
7ca373b020 ... 68e72c1834

2 changed files with 4 additions and 68 deletions
Show Stats Expand all files Collapse all files

61
site/css/main.scss
View File

@ -4,7 +4,7 @@
// Fonts
$sansSerif: Avenir, Lucida Grande, Arial, sans-serif;
$serif: Charter, Georgia, serif;
$monospace: SF Mono, Courier New, monospace;
$monospace: SF Mono, Monaco, Courier New, monospace;
// General
body {
@ -237,70 +237,13 @@ figure {
.site-nav ul {
padding: 0;
margin: 0;
display: inline-block;
position: relative;
li {
list-style: none;
display: inline;
margin-right: 1em;
font-variant: small-caps;
font-weight: bold;
&:not(:last-child) {
margin-right: 1em;
}
a.dropdown-link {
color: black;
text-decoration: none;
.arrow-down {
display: inline-block;
width: 0.5em;
height: 0.5em;
margin-bottom: 2px;
margin-left: 2px;
border-bottom: 2px solid var(--ui-text-color);
border-right: 2px solid var(--ui-text-color);
transform: rotate(45deg);
}
}
ul {
visibility: hidden;
opacity: 0;
min-width: 5rem;
position: absolute;
transition: all 0.5s ease;
right: -1em;
display: none;
padding: 1em;
background-color: white;
box-shadow: 0 10px 15px -5px var(--shadow-color), // bottom
10px 0 15px -5px var(--shadow-color), // right
-10px 0 15px -5px var(--shadow-color); // left
z-index: 10;
li {
width: 100%;
display: block;
margin-right: 0px;
text-align: right;
&:not(:last-child) {
margin-bottom: 1em;
}
}
}
&:hover > ul,
&:focus-within > ul,
ul:hover,
ul:focus {
visibility: visible;
opacity: 1;
display: block;
}
}
}

11
site/layouts/default.html.ejs
View File

@ -50,17 +50,10 @@
<p class="site-description">The outper part of a shadow is called the penumbra.</p>
<nav class="site-nav" role="navigation">
<ul>
<li><%- fancyLink("Tutorials", "/tutorials/") %></li>
<li><%- fancyLink("Meme Machine", "https://mememachine.shadowfacts.net") %></li>
<li><%- fancyLink("RTFM", "https://rtfm.shadowfacts.net") %></li>
<li><%- fancyLink("Type", "https://type.shadowfacts.net") %></li>
<li>
<a href="#" class="dropdown-link" aria-haspopup="true">Other <span class="arrow arrow-down" aria-hidden="true"></span></a>
<ul aria-label="other links">
<li><%- fancyLink("Gitea", "https://git.shadowfacts.net") %></li>
<li><%- fancyLink("Maven", "https://maven.shadowfacts.net") %></li>
<li><%- fancyLink("Meme Machine", "https://mememachine.shadowfacts.net") %></li>
</ul>
</li>
<li><%- fancyLink("Tutorials", "/tutorials/") %></li>
</ul>
</nav>
</div>