Massive refactoring.
* Refactor HTML and CSS * Add favicons * Update logo
2
.gitignore
vendored
Normal file
|
@ -0,0 +1,2 @@
|
|||
# vim swap files
|
||||
*.swp
|
BIN
assets/favicons/android-chrome-192x192.png
Normal file
After Width: | Height: | Size: 3.8 KiB |
BIN
assets/favicons/android-chrome-512x512.png
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
assets/favicons/apple-touch-icon.png
Normal file
After Width: | Height: | Size: 2.0 KiB |
9
assets/favicons/browserconfig.xml
Normal file
|
@ -0,0 +1,9 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig>
|
||||
<msapplication>
|
||||
<tile>
|
||||
<square150x150logo src="assets/favicons/mstile-150x150.png"/>
|
||||
<TileColor>#006666</TileColor>
|
||||
</tile>
|
||||
</msapplication>
|
||||
</browserconfig>
|
BIN
assets/favicons/favicon-16x16.png
Normal file
After Width: | Height: | Size: 450 B |
BIN
assets/favicons/favicon-32x32.png
Normal file
After Width: | Height: | Size: 693 B |
BIN
assets/favicons/favicon.ico
Normal file
After Width: | Height: | Size: 15 KiB |
18
assets/favicons/manifest.json
Normal file
|
@ -0,0 +1,18 @@
|
|||
{
|
||||
"name": "Unit",
|
||||
"icons": [
|
||||
{
|
||||
"src": "assets/favicons/android-chrome-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "assets/favicons/android-chrome-512x512.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png"
|
||||
}
|
||||
],
|
||||
"theme_color": "#006666",
|
||||
"background_color": "#006666",
|
||||
"display": "standalone"
|
||||
}
|
BIN
assets/favicons/mstile-144x144.png
Normal file
After Width: | Height: | Size: 2.0 KiB |
BIN
assets/favicons/mstile-150x150.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
assets/favicons/mstile-310x150.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
assets/favicons/mstile-310x310.png
Normal file
After Width: | Height: | Size: 4.0 KiB |
BIN
assets/favicons/mstile-70x70.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
1
assets/favicons/safari-pinned-tab.svg
Normal file
After Width: | Height: | Size: 2.0 KiB |
BIN
assets/fonts/fantastique-sans/FantasqueSansMono-Bold.eot
Normal file
2601
assets/fonts/fantastique-sans/FantasqueSansMono-Bold.svg
Normal file
After Width: | Height: | Size: 309 KiB |
BIN
assets/fonts/fantastique-sans/FantasqueSansMono-Bold.woff
Normal file
BIN
assets/fonts/fantastique-sans/FantasqueSansMono-Bold.woff2
Normal file
BIN
assets/fonts/fantastique-sans/FantasqueSansMono-BoldItalic.eot
Normal file
2921
assets/fonts/fantastique-sans/FantasqueSansMono-BoldItalic.svg
Normal file
After Width: | Height: | Size: 385 KiB |
BIN
assets/fonts/fantastique-sans/FantasqueSansMono-BoldItalic.woff
Normal file
BIN
assets/fonts/fantastique-sans/FantasqueSansMono-BoldItalic.woff2
Normal file
BIN
assets/fonts/fantastique-sans/FantasqueSansMono-Italic.eot
Normal file
2764
assets/fonts/fantastique-sans/FantasqueSansMono-Italic.svg
Normal file
After Width: | Height: | Size: 349 KiB |
BIN
assets/fonts/fantastique-sans/FantasqueSansMono-Italic.woff
Normal file
BIN
assets/fonts/fantastique-sans/FantasqueSansMono-Italic.woff2
Normal file
2628
assets/fonts/fantastique-sans/FantasqueSansMono-Regular.svg
Normal file
After Width: | Height: | Size: 316 KiB |
BIN
assets/fonts/fantastique-sans/FantasqueSansMono-Regular.woff
Normal file
BIN
assets/fonts/fantastique-sans/FantasqueSansMono-Regular.woff2
Normal file
93
assets/fonts/fantastique-sans/LICENSE.txt
Normal file
|
@ -0,0 +1,93 @@
|
|||
Copyright (c) 2013-2017, Jany Belluz (jany.belluz@hotmail.fr)
|
||||
|
||||
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||
This license is copied below, and is also available with a FAQ at:
|
||||
http://scripts.sil.org/OFL
|
||||
|
||||
|
||||
-----------------------------------------------------------
|
||||
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||
-----------------------------------------------------------
|
||||
|
||||
PREAMBLE
|
||||
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||
development of collaborative font projects, to support the font creation
|
||||
efforts of academic and linguistic communities, and to provide a free and
|
||||
open framework in which fonts may be shared and improved in partnership
|
||||
with others.
|
||||
|
||||
The OFL allows the licensed fonts to be used, studied, modified and
|
||||
redistributed freely as long as they are not sold by themselves. The
|
||||
fonts, including any derivative works, can be bundled, embedded,
|
||||
redistributed and/or sold with any software provided that any reserved
|
||||
names are not used by derivative works. The fonts and derivatives,
|
||||
however, cannot be released under any other type of license. The
|
||||
requirement for fonts to remain under this license does not apply
|
||||
to any document created using the fonts or their derivatives.
|
||||
|
||||
DEFINITIONS
|
||||
"Font Software" refers to the set of files released by the Copyright
|
||||
Holder(s) under this license and clearly marked as such. This may
|
||||
include source files, build scripts and documentation.
|
||||
|
||||
"Reserved Font Name" refers to any names specified as such after the
|
||||
copyright statement(s).
|
||||
|
||||
"Original Version" refers to the collection of Font Software components as
|
||||
distributed by the Copyright Holder(s).
|
||||
|
||||
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||
or substituting -- in part or in whole -- any of the components of the
|
||||
Original Version, by changing formats or by porting the Font Software to a
|
||||
new environment.
|
||||
|
||||
"Author" refers to any designer, engineer, programmer, technical
|
||||
writer or other person who contributed to the Font Software.
|
||||
|
||||
PERMISSION & CONDITIONS
|
||||
Permission is hereby granted, free of charge, to any person obtaining
|
||||
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||
redistribute, and sell modified and unmodified copies of the Font
|
||||
Software, subject to the following conditions:
|
||||
|
||||
1) Neither the Font Software nor any of its individual components,
|
||||
in Original or Modified Versions, may be sold by itself.
|
||||
|
||||
2) Original or Modified Versions of the Font Software may be bundled,
|
||||
redistributed and/or sold with any software, provided that each copy
|
||||
contains the above copyright notice and this license. These can be
|
||||
included either as stand-alone text files, human-readable headers or
|
||||
in the appropriate machine-readable metadata fields within text or
|
||||
binary files as long as those fields can be easily viewed by the user.
|
||||
|
||||
3) No Modified Version of the Font Software may use the Reserved Font
|
||||
Name(s) unless explicit written permission is granted by the corresponding
|
||||
Copyright Holder. This restriction only applies to the primary font name as
|
||||
presented to the users.
|
||||
|
||||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||
Software shall not be used to promote, endorse or advertise any
|
||||
Modified Version, except to acknowledge the contribution(s) of the
|
||||
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||
permission.
|
||||
|
||||
5) The Font Software, modified or unmodified, in part or in whole,
|
||||
must be distributed entirely under this license, and must not be
|
||||
distributed under any other license. The requirement for fonts to
|
||||
remain under this license does not apply to any document created
|
||||
using the Font Software.
|
||||
|
||||
TERMINATION
|
||||
This license becomes null and void if any of the above conditions are
|
||||
not met.
|
||||
|
||||
DISCLAIMER
|
||||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||
OTHER DEALINGS IN THE FONT SOFTWARE.
|
44
assets/fonts/fantastique-sans/stylesheet.css
Normal file
|
@ -0,0 +1,44 @@
|
|||
@font-face {
|
||||
font-family: 'Fantasque Sans Mono';
|
||||
src: url('FantasqueSansMono-Italic.eot'); /* IE 9 Compatibility Mode */
|
||||
src: url('FantasqueSansMono-Italic.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
|
||||
url('FantasqueSansMono-Italic.woff2') format('woff2'),
|
||||
url('FantasqueSansMono-Italic.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
|
||||
url('FantasqueSansMono-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('FantasqueSansMono-Italic.svg#FantasqueSansMono-Italic') format('svg'); /* Chrome < 4, Legacy iOS */
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Fantasque Sans Mono';
|
||||
src: url('FantasqueSansMono-Regular.eot'); /* IE 9 Compatibility Mode */
|
||||
src: url('FantasqueSansMono-Regular.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
|
||||
url('FantasqueSansMono-Regular.woff2') format('woff2'),
|
||||
url('FantasqueSansMono-Regular.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
|
||||
url('FantasqueSansMono-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('FantasqueSansMono-Regular.svg#FantasqueSansMono-Regular') format('svg'); /* Chrome < 4, Legacy iOS */
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Fantasque Sans Mono';
|
||||
src: url('FantasqueSansMono-BoldItalic.eot'); /* IE 9 Compatibility Mode */
|
||||
src: url('FantasqueSansMono-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
|
||||
url('FantasqueSansMono-BoldItalic.woff2') format('woff2'),
|
||||
url('FantasqueSansMono-BoldItalic.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
|
||||
url('FantasqueSansMono-BoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('FantasqueSansMono-BoldItalic.svg#FantasqueSansMono-BoldItalic') format('svg'); /* Chrome < 4, Legacy iOS */
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Fantasque Sans Mono';
|
||||
src: url('FantasqueSansMono-Bold.eot'); /* IE 9 Compatibility Mode */
|
||||
src: url('FantasqueSansMono-Bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
|
||||
url('FantasqueSansMono-Bold.woff2') format('woff2'),
|
||||
url('FantasqueSansMono-Bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
|
||||
url('FantasqueSansMono-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('FantasqueSansMono-Bold.svg#FantasqueSansMono-Bold') format('svg'); /* Chrome < 4, Legacy iOS */
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
127
assets/images/logo.svg
Normal file
After Width: | Height: | Size: 5.4 KiB |
447
assets/styles/normalize.css
vendored
Normal file
|
@ -0,0 +1,447 @@
|
|||
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
/* Document
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Correct the line height in all browsers.
|
||||
* 2. Prevent adjustments of font size after orientation changes in
|
||||
* IE on Windows Phone and in iOS.
|
||||
*/
|
||||
|
||||
html {
|
||||
line-height: 1.15; /* 1 */
|
||||
-ms-text-size-adjust: 100%; /* 2 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/* Sections
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
footer,
|
||||
header,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
* 1. Add the correct display in IE.
|
||||
*/
|
||||
|
||||
figcaption,
|
||||
figure,
|
||||
main { /* 1 */
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct margin in IE 8.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
box-sizing: content-box; /* 1 */
|
||||
height: 0; /* 1 */
|
||||
overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Remove the gray background on active links in IE 10.
|
||||
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent; /* 1 */
|
||||
-webkit-text-decoration-skip: objects; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
text-decoration: underline; /* 2 */
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font style in Android 4.3-.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct background and color in IE 9-.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background-color: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
audio,
|
||||
video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in iOS 4-7.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10-.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide the overflow in IE.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Change the font styles in all browsers (opinionated).
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: sans-serif; /* 1 */
|
||||
font-size: 100%; /* 1 */
|
||||
line-height: 1.15; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
*/
|
||||
|
||||
button,
|
||||
input { /* 1 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
||||
* controls in Android 4.
|
||||
* 2. Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
html [type="button"], /* 1 */
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the padding in Firefox.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
padding: 0.35em 0.75em 0.625em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and IE.
|
||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||
* 3. Remove the padding so developers are not caught out when they zero out
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
box-sizing: border-box; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
display: table; /* 1 */
|
||||
max-width: 100%; /* 1 */
|
||||
padding: 0; /* 3 */
|
||||
white-space: normal; /* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct display in IE 9-.
|
||||
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
display: inline-block; /* 1 */
|
||||
vertical-align: baseline; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10-.
|
||||
* 2. Remove the padding in IE 10-.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
|
||||
*/
|
||||
|
||||
[type="search"]::-webkit-search-cancel-button,
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/* Interactive
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Add the correct display in IE 9-.
|
||||
* 1. Add the correct display in Edge, IE, and Firefox.
|
||||
*/
|
||||
|
||||
details, /* 1 */
|
||||
menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Add the correct display in all browsers.
|
||||
*/
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/* Scripting
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
canvas {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE.
|
||||
*/
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Hidden
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10-.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
112
assets/styles/site.css
Normal file
|
@ -0,0 +1,112 @@
|
|||
@import url('../fonts/fantastique-sans/stylesheet.css');
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||
* GENERAL *
|
||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
font-family: 'Fantasque Sans Mono', monospace;
|
||||
text-transform: lowercase;
|
||||
}
|
||||
|
||||
*, *:before, *:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||
* PAGE *
|
||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||
|
||||
body {
|
||||
width: 20rem;
|
||||
margin: auto;
|
||||
padding: 2rem 0.5rem;
|
||||
}
|
||||
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||
* TEXT *
|
||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||
|
||||
|
||||
h1 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.3rem;
|
||||
font-size: 4rem;
|
||||
}
|
||||
|
||||
p, li {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||
* HEADER *
|
||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||
|
||||
header {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
header > img,
|
||||
header > h1 {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
header > img {
|
||||
width: 4rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||
* NAVBAR *
|
||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||
|
||||
nav {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
nav > ul {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
nav > ul > li {
|
||||
display: inline-block;
|
||||
margin-right: 0.8rem;
|
||||
}
|
||||
|
||||
nav > ul > li:before {
|
||||
content: "+";
|
||||
margin-right: 0.3rem;
|
||||
}
|
||||
|
||||
nav > ul > li > a {
|
||||
color: #006666;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
nav > ul > li > a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||
* SECTION *
|
||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||
|
||||
section > p {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
background: #000000;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
section > p.accent {
|
||||
background: #006666;
|
||||
}
|
BIN
favicon.ico
Before Width: | Height: | Size: 1.1 KiB |
47
index.html
|
@ -2,34 +2,51 @@
|
|||
<html>
|
||||
|
||||
<head>
|
||||
<title>Unit</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
|
||||
<link type="text/css" rel="stylesheet" href="assets/styles/normalize.css">
|
||||
<link type="text/css" rel="stylesheet" href="assets/styles/site.css">
|
||||
|
||||
<link rel="manifest" href="assets/favicons/manifest.json">
|
||||
<meta name="msapplication-config" content="assets/favicons/browserconfig.xml">
|
||||
<meta name="theme-color" content="#006666">
|
||||
|
||||
<link rel="shortcut icon" href="assets/favicons/favicon.ico">
|
||||
<link type="image/png" rel="icon" sizes="32x32"
|
||||
href="assets/favicons/favicon-32x32.png">
|
||||
<link type="image/png" rel="icon" sizes="16x16"
|
||||
href="assets/favicons/favicon-16x16.png">
|
||||
|
||||
<link type="image/png" rel="apple-touch-icon" sizes="180x180"
|
||||
href="assets/favicons/apple-touch-icon.png">
|
||||
<link rel="mask-icon" color="#006666"
|
||||
href="assets/favicons/safari-pinned-tab.svg">
|
||||
|
||||
<title>Unit</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<hgroup>
|
||||
<img class="logo" alt="Unit logo" type="image/svg+xml"
|
||||
src="logo.svg">
|
||||
<header>
|
||||
<img alt="Unit logo" type="image/svg+xml"
|
||||
src="assets/images/logo.svg">
|
||||
<h1>Unit</h1>
|
||||
</hgroup>
|
||||
<nav>
|
||||
</header>
|
||||
<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">Calendario</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<section class="info">
|
||||
<p>Viale Molise 68, Milano</p>
|
||||
</nav>
|
||||
<section>
|
||||
<p class="accent">Viale Molise 68, Milano</p>
|
||||
<p>unit at paranoici.org</p>
|
||||
<p>#unit at irc.autistici.org</p>
|
||||
</section>
|
||||
</section>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<!--
|
||||
vim: tabstop=2 shiftwidth=2 expandtab:
|
||||
vim: tabstop=4 shiftwidth=4 expandtab:
|
||||
-->
|
||||
|
|
239
logo.svg
|
@ -1,239 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
version="1.1"
|
||||
id="svg"
|
||||
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"><metadata
|
||||
id="metadata3051"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs3049" />
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="34"
|
||||
inkscape:lockguides="true"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:current-layer="svg"
|
||||
inkscape:snap-bbox="true"
|
||||
inkscape:bbox-nodes="true"
|
||||
inkscape:guide-bbox="true"
|
||||
inkscape:bbox-paths="true"
|
||||
inkscape:snap-global="true"
|
||||
inkscape:window-width="1366"
|
||||
inkscape:window-height="768"
|
||||
inkscape:snap-bbox-midpoints="true"
|
||||
inkscape:snap-bbox-edge-midpoints="true"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:zoom="1.4142136"
|
||||
pagecolor="#ffffff"
|
||||
inkscape:cx="295.90213"
|
||||
inkscape:cy="200.91038"
|
||||
showgrid="false"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
showguides="true">
|
||||
|
||||
<sodipodi:guide
|
||||
id="guide4512"
|
||||
position="74.999999,0"
|
||||
orientation="1,0"
|
||||
inkscape:locked="true"
|
||||
inkscape:label="VerticalGuide"
|
||||
inkscape:color="rgb(0,0,255)">
|
||||
</sodipodi:guide>
|
||||
|
||||
<sodipodi:guide
|
||||
id="guide4514"
|
||||
position="0,74.999999"
|
||||
orientation="0,1"
|
||||
inkscape:locked="true"
|
||||
inkscape:label="HorizontalGuide"
|
||||
inkscape:color="rgb(255,0,0)">
|
||||
</sodipodi:guide>
|
||||
|
||||
<sodipodi:guide
|
||||
id="guide4516"
|
||||
position="69.999999,0"
|
||||
orientation="1,0"
|
||||
inkscape:locked="true"
|
||||
inkscape:label=""
|
||||
inkscape:color="rgb(0,255,0)">
|
||||
</sodipodi:guide>
|
||||
|
||||
<sodipodi:guide
|
||||
id="guide4518"
|
||||
position="74.999999,0"
|
||||
orientation="1,0"
|
||||
inkscape:locked="true"
|
||||
inkscape:label=""
|
||||
inkscape:color="rgb(255,0,0)">
|
||||
</sodipodi:guide>
|
||||
|
||||
<sodipodi:guide
|
||||
id="guide4520"
|
||||
position="79.999999,0"
|
||||
orientation="1,0"
|
||||
inkscape:locked="true"
|
||||
inkscape:label=""
|
||||
inkscape:color="rgb(0,255,0)">
|
||||
</sodipodi:guide>
|
||||
|
||||
<sodipodi:guide
|
||||
id="guide24"
|
||||
position="9.9999999,0"
|
||||
orientation="1,0"
|
||||
inkscape:locked="true"
|
||||
inkscape:label=""
|
||||
inkscape:color="rgb(0,0,255)">
|
||||
</sodipodi:guide>
|
||||
|
||||
<sodipodi:guide
|
||||
id="guide30"
|
||||
position="292.7422,531.49603"
|
||||
orientation="1,0"
|
||||
inkscape:locked="true"
|
||||
inkscape:label=""
|
||||
inkscape:color="rgb(0,0,255)">
|
||||
</sodipodi:guide>
|
||||
|
||||
<sodipodi:guide
|
||||
id="guide56"
|
||||
position="30,0"
|
||||
orientation="1,0"
|
||||
inkscape:locked="true"
|
||||
inkscape:label=""
|
||||
inkscape:color="rgb(0,0,255)">
|
||||
</sodipodi:guide>
|
||||
|
||||
<sodipodi:guide
|
||||
id="guide58"
|
||||
position="120,0"
|
||||
orientation="1,0"
|
||||
inkscape:locked="true"
|
||||
inkscape:label=""
|
||||
inkscape:color="rgb(0,0,255)">
|
||||
</sodipodi:guide>
|
||||
|
||||
<sodipodi:guide
|
||||
id="guide4497"
|
||||
position="0,30"
|
||||
orientation="0,1"
|
||||
inkscape:locked="true"
|
||||
inkscape:label=""
|
||||
inkscape:color="rgb(0,0,255)">
|
||||
</sodipodi:guide>
|
||||
<inkscape:grid
|
||||
type="xygrid"
|
||||
id="grid4594" />
|
||||
|
||||
<sodipodi:guide
|
||||
id="guide4623"
|
||||
position="20,0"
|
||||
orientation="1,0"
|
||||
inkscape:locked="true"
|
||||
inkscape:label=""
|
||||
inkscape:color="rgb(0,0,255)">
|
||||
</sodipodi:guide>
|
||||
|
||||
<sodipodi:guide
|
||||
id="guide4625"
|
||||
position="238.29498,571.34226"
|
||||
orientation="1,0"
|
||||
inkscape:locked="true"
|
||||
inkscape:label=""
|
||||
inkscape:color="rgb(0,0,255)">
|
||||
</sodipodi:guide>
|
||||
|
||||
<sodipodi:guide
|
||||
id="guide4627"
|
||||
position="40,0"
|
||||
orientation="1,0"
|
||||
inkscape:locked="true"
|
||||
inkscape:label=""
|
||||
inkscape:color="rgb(0,0,255)">
|
||||
</sodipodi:guide>
|
||||
|
||||
<sodipodi:guide
|
||||
id="guide4629"
|
||||
position="110,0"
|
||||
orientation="1,0"
|
||||
inkscape:locked="true"
|
||||
inkscape:label=""
|
||||
inkscape:color="rgb(0,0,255)">
|
||||
</sodipodi:guide>
|
||||
|
||||
<sodipodi:guide
|
||||
id="guide4652"
|
||||
position="0,130"
|
||||
orientation="0,1"
|
||||
inkscape:locked="true"
|
||||
inkscape:label=""
|
||||
inkscape:color="rgb(0,0,255)">
|
||||
</sodipodi:guide>
|
||||
|
||||
<sodipodi:guide
|
||||
id="guide4654"
|
||||
position="0,140"
|
||||
orientation="0,1"
|
||||
inkscape:locked="true"
|
||||
inkscape:label=""
|
||||
inkscape:color="rgb(0,0,255)">
|
||||
</sodipodi:guide>
|
||||
|
||||
<sodipodi:guide
|
||||
id="guide4656"
|
||||
position="0,20"
|
||||
orientation="0,1"
|
||||
inkscape:locked="true"
|
||||
inkscape:label=""
|
||||
inkscape:color="rgb(0,0,255)">
|
||||
</sodipodi:guide>
|
||||
|
||||
<sodipodi:guide
|
||||
id="guide4658"
|
||||
position="0,9.9999999"
|
||||
orientation="0,1"
|
||||
inkscape:locked="true"
|
||||
inkscape:label=""
|
||||
inkscape:color="rgb(0,0,255)">
|
||||
</sodipodi:guide>
|
||||
</sodipodi:namedview>
|
||||
<circle
|
||||
id="background"
|
||||
cx="212.599"
|
||||
cy="212.599"
|
||||
r="212.599" />
|
||||
<g
|
||||
id="g3041">
|
||||
<path
|
||||
fill="#FFFFFF"
|
||||
d="M232.726,44.356V75.01c68.777,9.511,123.416,66.867,123.416,137.588s-54.639,126.516-123.416,135.922v32.32 c85.855-9.804,152.719-81.514,152.719-168.242S318.581,54.161,232.726,44.356z"
|
||||
id="path3043" />
|
||||
<path
|
||||
fill="#FFFFFF"
|
||||
d="M192.473,348.524c-68.794-9.391-123.416-65.192-123.416-135.926S123.677,84.499,192.473,75.005V44.357 c-85.855,9.804-152.719,81.514-152.719,168.242c0,86.729,66.864,158.438,152.719,168.242V348.524z"
|
||||
id="path3045" />
|
||||
</g>
|
||||
<path
|
||||
fill="#FFFFFF"
|
||||
d="M301.88,211.765c-1.652,48.201-40.852,86.535-89.281,86.535c-48.431,0-87.63-38.334-89.282-86.535H98.186 c1.679,61.869,52.393,111.753,114.413,111.753c62.018,0,112.734-49.885,114.414-111.753H301.88z"
|
||||
id="path3047" />
|
||||
</svg>
|
Before Width: | Height: | Size: 5.8 KiB |
93
style.css
|
@ -1,93 +0,0 @@
|
|||
@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: 20px;
|
||||
font-family: 'FantasqueSansMonoRegular';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
|
||||
a:link, a:visited {
|
||||
text-decoration: none;
|
||||
color: #026262;
|
||||
}
|
||||
|
||||
a:link:active, a:visited:active,
|
||||
a:link:hover, a:visited:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
body > section {
|
||||
margin: 2rem auto 2rem auto;
|
||||
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: 16%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
section.info > p:first-child {
|
||||
background: #026262;
|
||||
}
|
||||
|
||||
section.info > p {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
background: #000;
|
||||
color: #fff;
|
||||
}
|