New graphics.

This commit is contained in:
lo_bo 2017-06-05 18:12:07 +02:00 committed by crudo
parent 6f1b7169da
commit 21caea11b3
4 changed files with 306 additions and 216 deletions

Binary file not shown.

View File

@ -8,22 +8,25 @@
</head>
<body>
<section>
<img class="logo" alt="Unit logo" src="logo.svg">
<header>
<hgroup>
<img class="logo" alt="Unit logo" type="image/svg+xml"
src="logo.svg">
<h1>Unit</h1>
</hgroup>
<nav>
<ul>
<li><a href="https://wiki.unit.macaomilano.org">Wiki</a></li>
<li><a href="https://git.unit.macaomilano.org">Git</a></li>
<li><a href="https://wiki.unit.macaomilano.org/Calendario">
Prossimi eventi
</a></li>
<li><a href="https://wiki.unit.macaomilano.org/Calendario">Prossimi eventi</a></li>
</ul>
</nav>
</header>
<section class="info">
<p>Viale Molise 68, Milano</p>
<p>unit at paranoici.org</p>
<p>#unit at irc.autistici.org</p>
</section>
</section>
</body>
</html>

235
logo.svg

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 7.7 KiB

After

Width:  |  Height:  |  Size: 5.9 KiB

View File

@ -1,10 +1,20 @@
html {
@font-face {
font-family: 'FantasqueSansMonoRegular';
src: url('FantasqueSansMono-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
html, body {
font-family: monospace;
font-size: 12pt;
font-size: 20px;
font-family: 'FantasqueSansMonoRegular';
font-weight: normal;
font-style: normal;
}
h1 {
font-size: 2rem;
font-size: 3.5rem;
}
a:link, a:visited {
@ -22,10 +32,62 @@ body > section {
width: 20rem;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
nav ul li {
padding: 0 0.8rem 0 0;
}
nav ul li:after {
content: "";
font-size: 1.3rem;
line-height: 1rem;
padding-left: 0.05rem;
}
nav ul li:before {
content: "+";
font-size: 1.3rem;
line-height: 1rem;
padding-right: 0.2rem;
}
header {
display: block;
position: relative;
width: 20rem;
margin: 2rem auto 2rem auto;
}
hgroup {
display: block;
clear: both;
margin-bottom: 2rem;
}
hgroup h1 {
margin-left: 1rem;
display: inline;
text-transform: lowercase;
}
img.logo {
width: 100%;
width: 16%;
float: left;
}
section.info > p:first-child {
background: #04a;
}
section.info > p {
margin: 0 0 0.5rem 0;
display: inline-block;
margin: 0.1em 0;
background: #000;
color: #fff;
}