New graphics.
This commit is contained in:
parent
6f1b7169da
commit
21caea11b3
BIN
FantasqueSansMono-Regular.ttf
Normal file
BIN
FantasqueSansMono-Regular.ttf
Normal file
Binary file not shown.
19
index.html
19
index.html
|
@ -3,27 +3,30 @@
|
|||
|
||||
<head>
|
||||
<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">
|
||||
</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>
|
||||
<ul>
|
||||
</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>
|
||||
|
|
431
logo.svg
431
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 |
72
style.css
72
style.css
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue
Block a user