diff --git a/FantasqueSansMono-Regular.ttf b/FantasqueSansMono-Regular.ttf new file mode 100644 index 0000000..70eb993 Binary files /dev/null and b/FantasqueSansMono-Regular.ttf differ diff --git a/index.html b/index.html index df83728..68d4fe8 100644 --- a/index.html +++ b/index.html @@ -3,27 +3,30 @@ Unit - + -
- +
+
+

Unit

-
    +
+ +

Viale Molise 68, Milano

unit at paranoici.org

#unit at irc.autistici.org

-
diff --git a/logo.svg b/logo.svg index 17f460f..aaa32c2 100644 --- a/logo.svg +++ b/logo.svg @@ -1,5 +1,5 @@ - + - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - + sodipodi:docname="logo_crudo_01.svg" + inkscape:version="0.48.5 r10040" + x="0px" + y="0px" + width="425.197px" + height="425.197px" + viewBox="0 0 425.197 425.197" + enable-background="new 0 0 425.197 425.197" + xml:space="preserve">image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/style.css b/style.css index 5e8f4dc..7971e39 100644 --- a/style.css +++ b/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; }