unit
/
website
8
0
Fork 1
Code Issues Pull Requests Releases Activity

New graphics.

ciclostile
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
FantasqueSansMono-Regular.ttf 100644
View File

Binary file not shown.

19
index.html
View File

@ -3,27 +3,30 @@
<head> <head>
<title>Unit</title> <title>Unit</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
<section> <header>
<img class="logo" alt="Unit logo" src="logo.svg"> <hgroup>
<img class="logo" alt="Unit logo" type="image/svg+xml"
src="logo.svg">
<h1>Unit</h1> <h1>Unit</h1>
<ul> </hgroup>
<nav>
<ul>
<li><a href="https://wiki.unit.macaomilano.org">Wiki</a></li> <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://git.unit.macaomilano.org">Git</a></li>
<li><a href="https://wiki.unit.macaomilano.org/Calendario"> <li><a href="https://wiki.unit.macaomilano.org/Calendario">Prossimi eventi</a></li>
Prossimi eventi
</a></li>
</ul> </ul>
</nav>
</header>
<section class="info"> <section class="info">
<p>Viale Molise 68, Milano</p> <p>Viale Molise 68, Milano</p>
<p>unit at paranoici.org</p> <p>unit at paranoici.org</p>
<p>#unit at irc.autistici.org</p> <p>#unit at irc.autistici.org</p>
</section> </section>
</section>
</body> </body>
</html> </html>

431
logo.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.7 KiB

After

Width:  |  Height:  |  Size: 5.9 KiB

72
style.css
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-family: monospace;
font-size: 12pt; font-size: 20px;
font-family: 'FantasqueSansMonoRegular';
font-weight: normal;
font-style: normal;
} }
h1 { h1 {
font-size: 2rem; font-size: 3.5rem;
} }
a:link, a:visited { a:link, a:visited {
@ -22,10 +32,62 @@ body > section {
width: 20rem; 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 { img.logo {
width: 100%; width: 16%;
float: left;
}
section.info > p:first-child {
background: #04a;
} }
section.info > p { section.info > p {
margin: 0 0 0.5rem 0; display: inline-block;
margin: 0.1em 0;
background: #000;
color: #fff;
} }