forked from unit/website
Clean up the shit *somebody* left around...
This commit is contained in:
parent
965d3e5e8e
commit
3897845838
|
|
@ -7,6 +7,7 @@
|
||||||
html {
|
html {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
font-family: 'Fantasque Sans Mono', monospace;
|
font-family: 'Fantasque Sans Mono', monospace;
|
||||||
|
text-transform: lowercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
*, *:before, *:after {
|
*, *:before, *:after {
|
||||||
|
|
@ -19,21 +20,34 @@ html {
|
||||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
width: 20rem;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 2rem 0.5rem;
|
padding: 2rem 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-container
|
|
||||||
{
|
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||||
width:46rem;
|
* TEXT *
|
||||||
font-weight: normal;
|
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||||
margin: auto;
|
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0.3rem;
|
||||||
|
font-size: 4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-container.home
|
p, li {
|
||||||
{
|
font-size: 1.3rem;
|
||||||
width:20rem;
|
}
|
||||||
margin: auto;
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -85,266 +99,29 @@ nav > ul > li:before {
|
||||||
|
|
||||||
|
|
||||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||||
* TEXT *
|
* SECTION *
|
||||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||||
|
|
||||||
|
section {
|
||||||
h1 {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 0.3rem;
|
|
||||||
font-size: 4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2
|
|
||||||
{
|
|
||||||
font-size:1.15rem;
|
|
||||||
color: #ffffff;
|
|
||||||
background: #378ab4;
|
|
||||||
display:inline-block;
|
|
||||||
font-weight:400;
|
|
||||||
margin: 1rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
p, li {
|
|
||||||
font-size: 1.3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
section:last-child {
|
||||||
p > * {
|
margin-bottom: 0;
|
||||||
padding: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
section > p {
|
||||||
text-decoration: none;
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
p > a{
|
|
||||||
color: #ffffff;
|
|
||||||
background: #378ab4;
|
|
||||||
padding-bottom: 0.1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
p > strong, li > strong {
|
|
||||||
background: #000000;
|
|
||||||
color: #ffffff;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
section > p > span {
|
||||||
padding: 0.1rem 0;
|
padding: 0.1rem 0;
|
||||||
font-weight: normal;
|
background: #000000;
|
||||||
|
box-shadow: 0.2rem 0 0 #000000, -0.2rem 0 0 #000000;
|
||||||
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
section > p:first-child > span {
|
||||||
|
background: #378ab4;
|
||||||
|
box-shadow: 0.2rem 0 0 #378ab4, -0.2rem 0 0 #378ab4;
|
||||||
|
|
||||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
|
||||||
* ASCII *
|
|
||||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
|
||||||
|
|
||||||
.letterhead
|
|
||||||
{
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
display:table;
|
|
||||||
width:100% !important;
|
|
||||||
font-size:1.1rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.letterhead > span.ascii, span.ascii
|
|
||||||
{
|
|
||||||
white-space: pre-wrap;
|
|
||||||
background: #000000;
|
|
||||||
color: #ffffff;
|
|
||||||
font-weight:700;
|
|
||||||
/*outline: 3px solid #000000;*/
|
|
||||||
position: relative;
|
|
||||||
line-height: 1;
|
|
||||||
color: #fff;
|
|
||||||
display: inline;
|
|
||||||
border: 0 solid #000;
|
|
||||||
border-width: 0.15em 0; /* 0.25em is roughly equal to one space character. */
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.letterhead > span.ascii:after, span.ascii:after{
|
|
||||||
background-color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.letterhead > span.ascii:after, span.ascii:after
|
|
||||||
{
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
top: -0.1em;
|
|
||||||
right: 100%;
|
|
||||||
bottom: -0.1em;
|
|
||||||
width: 0.1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.letterhead > span.ascii.shadow, span.ascii.shadow
|
|
||||||
{
|
|
||||||
text-shadow:
|
|
||||||
0 1px #378ab4,
|
|
||||||
1px 0 #5dabcd,
|
|
||||||
1px 2px #378ab4,
|
|
||||||
2px 1px #5dabcd,
|
|
||||||
2px 3px #378ab4,
|
|
||||||
3px 2px #5dabcd,
|
|
||||||
3px 4px #378ab4,
|
|
||||||
4px 3px #5dabcd,
|
|
||||||
4px 5px #378ab4,
|
|
||||||
5px 4px #5dabcd,
|
|
||||||
5px 6px #378ab4,
|
|
||||||
6px 5px #5dabcd,
|
|
||||||
6px 7px #378ab4,
|
|
||||||
7px 6px #5dabcd,
|
|
||||||
7px 8px #378ab4,
|
|
||||||
8px 7px #5dabcd;
|
|
||||||
/*outline: 12px solid #000000;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
|
||||||
* COLUMNS FESTIVAL *
|
|
||||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
|
||||||
|
|
||||||
p.festival
|
|
||||||
{
|
|
||||||
font-size:0.9rem;
|
|
||||||
margin-bottom:1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
p.festival > strong
|
|
||||||
{
|
|
||||||
font-size:1.1rem;
|
|
||||||
text-align:center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-pagination p
|
|
||||||
{
|
|
||||||
font-size:0.9rem;
|
|
||||||
margin-bottom:1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-pagination p.room
|
|
||||||
{
|
|
||||||
font-size:0.9rem;
|
|
||||||
margin:0.5rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-pagination li
|
|
||||||
{
|
|
||||||
font-size:0.9rem;
|
|
||||||
margin-bottom:0.3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-pagination li > strong
|
|
||||||
{
|
|
||||||
font-size:1rem;
|
|
||||||
text-align:center;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.col-pagination
|
|
||||||
{
|
|
||||||
display:flex;
|
|
||||||
display: -webkit-flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col
|
|
||||||
{
|
|
||||||
-webkit-flex: 1;
|
|
||||||
flex: 1;
|
|
||||||
padding-right: 5%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col.last{
|
|
||||||
padding-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col p.room span.ascii
|
|
||||||
{
|
|
||||||
margin-right:10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
|
||||||
* FOOTER *
|
|
||||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
|
||||||
|
|
||||||
footer {
|
|
||||||
font-weight: normal;
|
|
||||||
text-align:left;
|
|
||||||
margin-top: -3.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer > img,
|
|
||||||
footer > h1 {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer > h1, footer a {
|
|
||||||
font-size:2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer > img {
|
|
||||||
width: 2.5rem;
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
|
||||||
* MEDIA QUERY *
|
|
||||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
|
||||||
|
|
||||||
@media(max-width:768px){
|
|
||||||
.main-container{
|
|
||||||
width:98% !important;
|
|
||||||
padding:0 2%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-container.home
|
|
||||||
{
|
|
||||||
width:20rem !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.letterhead
|
|
||||||
{
|
|
||||||
font-size:0.9rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media(max-width:635px){
|
|
||||||
.col-pagination
|
|
||||||
{
|
|
||||||
display:block;
|
|
||||||
}
|
|
||||||
.col
|
|
||||||
{
|
|
||||||
width:100% !important;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.letterhead
|
|
||||||
{
|
|
||||||
font-size:0.45rem;
|
|
||||||
}
|
|
||||||
footer {
|
|
||||||
|
|
||||||
margin-top: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
|
||||||
BIN
cc17/assets/favicons/android-chrome-192x192.png
Normal file
BIN
cc17/assets/favicons/android-chrome-192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
BIN
cc17/assets/favicons/android-chrome-512x512.png
Normal file
BIN
cc17/assets/favicons/android-chrome-512x512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
cc17/assets/favicons/apple-touch-icon.png
Normal file
BIN
cc17/assets/favicons/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
9
cc17/assets/favicons/browserconfig.xml
Normal file
9
cc17/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
cc17/assets/favicons/favicon-16x16.png
Normal file
BIN
cc17/assets/favicons/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 450 B |
BIN
cc17/assets/favicons/favicon-32x32.png
Normal file
BIN
cc17/assets/favicons/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 693 B |
BIN
cc17/assets/favicons/favicon.ico
Normal file
BIN
cc17/assets/favicons/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
18
cc17/assets/favicons/manifest.json
Normal file
18
cc17/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
cc17/assets/favicons/mstile-144x144.png
Normal file
BIN
cc17/assets/favicons/mstile-144x144.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
cc17/assets/favicons/mstile-150x150.png
Normal file
BIN
cc17/assets/favicons/mstile-150x150.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
cc17/assets/favicons/mstile-310x150.png
Normal file
BIN
cc17/assets/favicons/mstile-310x150.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
cc17/assets/favicons/mstile-310x310.png
Normal file
BIN
cc17/assets/favicons/mstile-310x310.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
BIN
cc17/assets/favicons/mstile-70x70.png
Normal file
BIN
cc17/assets/favicons/mstile-70x70.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
1
cc17/assets/favicons/safari-pinned-tab.svg
Normal file
1
cc17/assets/favicons/safari-pinned-tab.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 2.0 KiB |
BIN
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Bold.eot
Normal file
BIN
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Bold.eot
Normal file
Binary file not shown.
2601
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Bold.svg
Normal file
2601
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Bold.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 309 KiB |
BIN
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Bold.woff
Normal file
BIN
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Bold.woff
Normal file
Binary file not shown.
BIN
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Bold.woff2
Normal file
BIN
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Bold.woff2
Normal file
Binary file not shown.
Binary file not shown.
2921
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-BoldItalic.svg
Normal file
2921
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-BoldItalic.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 385 KiB |
Binary file not shown.
Binary file not shown.
BIN
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Italic.eot
Normal file
BIN
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Italic.eot
Normal file
Binary file not shown.
2764
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Italic.svg
Normal file
2764
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Italic.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 349 KiB |
BIN
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Italic.woff
Normal file
BIN
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Italic.woff
Normal file
Binary file not shown.
Binary file not shown.
BIN
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Regular.eot
Normal file
BIN
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Regular.eot
Normal file
Binary file not shown.
2628
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Regular.svg
Normal file
2628
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Regular.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 316 KiB |
Binary file not shown.
Binary file not shown.
93
cc17/assets/fonts/fantastique-sans/LICENSE.txt
Normal file
93
cc17/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
cc17/assets/fonts/fantastique-sans/stylesheet.css
Normal file
44
cc17/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
cc17/assets/images/logo.svg
Normal file
127
cc17/assets/images/logo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.4 KiB |
447
cc17/assets/styles/normalize.css
vendored
Normal file
447
cc17/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;
|
||||||
|
}
|
||||||
350
cc17/assets/styles/site.css
Normal file
350
cc17/assets/styles/site.css
Normal file
|
|
@ -0,0 +1,350 @@
|
||||||
|
@import url('../fonts/fantastique-sans/stylesheet.css');
|
||||||
|
|
||||||
|
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||||
|
* GENERAL *
|
||||||
|
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||||
|
|
||||||
|
html {
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-family: 'Fantasque Sans Mono', monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
*, *:before, *:after {
|
||||||
|
box-sizing: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||||
|
* PAGE *
|
||||||
|
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: auto;
|
||||||
|
padding: 2rem 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-container
|
||||||
|
{
|
||||||
|
width:46rem;
|
||||||
|
font-weight: normal;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-container.home
|
||||||
|
{
|
||||||
|
width:20rem;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||||
|
* 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;
|
||||||
|
color: #378ab4;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav > ul > li:before {
|
||||||
|
content: "+";
|
||||||
|
margin-right: 0.3rem;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||||
|
* TEXT *
|
||||||
|
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||||
|
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0.3rem;
|
||||||
|
font-size: 4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2
|
||||||
|
{
|
||||||
|
font-size:1.15rem;
|
||||||
|
color: #ffffff;
|
||||||
|
background: #378ab4;
|
||||||
|
display:inline-block;
|
||||||
|
font-weight:400;
|
||||||
|
margin: 1rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
p, li {
|
||||||
|
font-size: 1.3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
p > * {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
p > a{
|
||||||
|
color: #ffffff;
|
||||||
|
background: #378ab4;
|
||||||
|
padding-bottom: 0.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
p > strong, li > strong {
|
||||||
|
background: #000000;
|
||||||
|
color: #ffffff;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0.1rem 0;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||||
|
* ASCII *
|
||||||
|
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||||
|
|
||||||
|
.letterhead
|
||||||
|
{
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
display:table;
|
||||||
|
width:100% !important;
|
||||||
|
font-size:1.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.letterhead > span.ascii, span.ascii
|
||||||
|
{
|
||||||
|
white-space: pre-wrap;
|
||||||
|
background: #000000;
|
||||||
|
color: #ffffff;
|
||||||
|
font-weight:700;
|
||||||
|
/*outline: 3px solid #000000;*/
|
||||||
|
position: relative;
|
||||||
|
line-height: 1;
|
||||||
|
color: #fff;
|
||||||
|
display: inline;
|
||||||
|
border: 0 solid #000;
|
||||||
|
border-width: 0.15em 0; /* 0.25em is roughly equal to one space character. */
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.letterhead > span.ascii:after, span.ascii:after{
|
||||||
|
background-color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.letterhead > span.ascii:after, span.ascii:after
|
||||||
|
{
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: -0.1em;
|
||||||
|
right: 100%;
|
||||||
|
bottom: -0.1em;
|
||||||
|
width: 0.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.letterhead > span.ascii.shadow, span.ascii.shadow
|
||||||
|
{
|
||||||
|
text-shadow:
|
||||||
|
0 1px #378ab4,
|
||||||
|
1px 0 #5dabcd,
|
||||||
|
1px 2px #378ab4,
|
||||||
|
2px 1px #5dabcd,
|
||||||
|
2px 3px #378ab4,
|
||||||
|
3px 2px #5dabcd,
|
||||||
|
3px 4px #378ab4,
|
||||||
|
4px 3px #5dabcd,
|
||||||
|
4px 5px #378ab4,
|
||||||
|
5px 4px #5dabcd,
|
||||||
|
5px 6px #378ab4,
|
||||||
|
6px 5px #5dabcd,
|
||||||
|
6px 7px #378ab4,
|
||||||
|
7px 6px #5dabcd,
|
||||||
|
7px 8px #378ab4,
|
||||||
|
8px 7px #5dabcd;
|
||||||
|
/*outline: 12px solid #000000;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||||
|
* COLUMNS FESTIVAL *
|
||||||
|
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||||
|
|
||||||
|
p.festival
|
||||||
|
{
|
||||||
|
font-size:0.9rem;
|
||||||
|
margin-bottom:1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
p.festival > strong
|
||||||
|
{
|
||||||
|
font-size:1.1rem;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.col-pagination p
|
||||||
|
{
|
||||||
|
font-size:0.9rem;
|
||||||
|
margin-bottom:1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.col-pagination p.room
|
||||||
|
{
|
||||||
|
font-size:0.9rem;
|
||||||
|
margin:0.5rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.col-pagination li
|
||||||
|
{
|
||||||
|
font-size:0.9rem;
|
||||||
|
margin-bottom:0.3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.col-pagination li > strong
|
||||||
|
{
|
||||||
|
font-size:1rem;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.col-pagination
|
||||||
|
{
|
||||||
|
display:flex;
|
||||||
|
display: -webkit-flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.col
|
||||||
|
{
|
||||||
|
-webkit-flex: 1;
|
||||||
|
flex: 1;
|
||||||
|
padding-right: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.col.last{
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.col p.room span.ascii
|
||||||
|
{
|
||||||
|
margin-right:10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||||
|
* FOOTER *
|
||||||
|
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||||
|
|
||||||
|
footer {
|
||||||
|
font-weight: normal;
|
||||||
|
text-align:left;
|
||||||
|
margin-top: -3.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer > img,
|
||||||
|
footer > h1 {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer > h1, footer a {
|
||||||
|
font-size:2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer > img {
|
||||||
|
width: 2.5rem;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||||
|
* MEDIA QUERY *
|
||||||
|
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||||
|
|
||||||
|
@media(max-width:768px){
|
||||||
|
.main-container{
|
||||||
|
width:98% !important;
|
||||||
|
padding:0 2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-container.home
|
||||||
|
{
|
||||||
|
width:20rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.letterhead
|
||||||
|
{
|
||||||
|
font-size:0.9rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media(max-width:635px){
|
||||||
|
.col-pagination
|
||||||
|
{
|
||||||
|
display:block;
|
||||||
|
}
|
||||||
|
.col
|
||||||
|
{
|
||||||
|
width:100% !important;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.letterhead
|
||||||
|
{
|
||||||
|
font-size:0.45rem;
|
||||||
|
}
|
||||||
|
footer {
|
||||||
|
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
100
index.html
100
index.html
|
|
@ -1,6 +1,7 @@
|
||||||
<!DOCTYPE html>
|
<!doctype html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
|
||||||
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
|
@ -8,49 +9,78 @@
|
||||||
<link type="text/css" rel="stylesheet" href="assets/styles/site.css">
|
<link type="text/css" rel="stylesheet" href="assets/styles/site.css">
|
||||||
|
|
||||||
<link rel="manifest" href="assets/favicons/manifest.json">
|
<link rel="manifest" href="assets/favicons/manifest.json">
|
||||||
<meta name="msapplication-config" content="assets/favicons/browserconfig.xml">
|
<meta name="msapplication-config"
|
||||||
|
content="assets/favicons/browserconfig.xml">
|
||||||
<meta name="theme-color" content="#006666">
|
<meta name="theme-color" content="#006666">
|
||||||
|
|
||||||
<link rel="shortcut icon" href="assets/favicons/favicon.ico">
|
<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="32x32"
|
||||||
<link type="image/png" rel="icon" sizes="16x16" href="assets/favicons/favicon-16x16.png">
|
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 type="image/png" rel="apple-touch-icon" sizes="180x180"
|
||||||
<link rel="mask-icon" color="#006666" href="assets/favicons/safari-pinned-tab.svg">
|
href="assets/favicons/apple-touch-icon.png">
|
||||||
|
<link rel="mask-icon" color="#006666"
|
||||||
|
href="assets/favicons/safari-pinned-tab.svg">
|
||||||
|
|
||||||
<title>Unit</title>
|
<title>Unit</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<img alt="Unit logo" src="assets/images/logo.svg">
|
||||||
|
<h1>Unit</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<body>
|
<nav>
|
||||||
<div class="main-container home">
|
<ul>
|
||||||
<header>
|
<li><a href="https://wiki.unit.macaomilano.org">Wiki</a></li>
|
||||||
<img alt="Unit logo" src="assets/images/logo.svg">
|
<li><a href="https://git.unit.macaomilano.org">Git</a></li>
|
||||||
<h1>unit</h1>
|
<li><a href="https://wiki.unit.macaomilano.org/Calendar">Calendar</a></li>
|
||||||
</header>
|
</ul>
|
||||||
|
</nav>
|
||||||
|
|
||||||
<nav>
|
<section>
|
||||||
<ul>
|
<p><span>
|
||||||
<li><a href="https://wiki.unit.macaomilano.org">wiki</a></li>
|
<a href="https://www.openstreetmap.org/node/2709091290" target="_blank">
|
||||||
<li><a href="https://git.unit.macaomilano.org">git</a></li>
|
Viale Molise 68, Milano</a>
|
||||||
<li><a href="https://wiki.unit.macaomilano.org/Calendar">calendar</a></li>
|
</span></p>
|
||||||
</ul>
|
<p><span>
|
||||||
</nav>
|
<a href="mailto:unit at paranoici dot org">
|
||||||
|
unit at paranoici dot org</a>
|
||||||
|
</span></p>
|
||||||
|
<p><span>
|
||||||
|
<a href="irc://irc.autistici.org:6697/unit">
|
||||||
|
#unit on irc.autistici.org</a>
|
||||||
|
</span></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
<p><a href="https://www.openstreetmap.org/node/2709091290">viale molise 68, milano</a><br>
|
<section>
|
||||||
<strong>unit at paranoici dot org</strong>
|
<p><span>
|
||||||
<strong>#unit on irc.autistici.org</strong></p>
|
<a href="https://wiki.unit.macaomilano.org/LaboratorioElettronica">
|
||||||
|
Laboratorio di elettronica</a>
|
||||||
|
</span></p>
|
||||||
|
<p><span>
|
||||||
|
ogni mercoledì pomeriggio
|
||||||
|
</span></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
<p><a href="https://wiki.unit.macaomilano.org/LaboratorioElettronica">laboratorio di elettronica</a><br>
|
<section>
|
||||||
<strong>ogni mercoledì pomeriggio</strong></p>
|
<p><span>
|
||||||
|
<a href="https://wiki.unit.macaomilano.org/Calendar/2017-12-01">
|
||||||
|
Black Grog Code</a>
|
||||||
|
</span></p>
|
||||||
|
<p><span>
|
||||||
|
venerdì 1 dicembre
|
||||||
|
</span></p>
|
||||||
|
<p><span>
|
||||||
|
Aperitivo e proiezione documentario
|
||||||
|
</span></p>
|
||||||
|
</section>
|
||||||
|
</body>
|
||||||
|
|
||||||
<p><a href="https://cloud.unit.macaomilano.org/thumbnail/ce502c31f4f84e969594/1024/blackgrogcode-flyer-web.png">black grog code</a><br>
|
|
||||||
<strong>venerdì 1 dicembre</strong><br>
|
|
||||||
<strong>proiezione documentario e aperitivo di autofinanziamento</strong></p>
|
|
||||||
|
|
||||||
<p><a href="connessioni-caotiche.html">connessioni caotiche</a><br>
|
|
||||||
<strong>10 e 11 novembre</strong><br>
|
|
||||||
<strong>hacking, art, activism, making and breaking in festival</strong></p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
|
<!--
|
||||||
|
vim: tabstop=4 shiftwidth=4 expandtab:
|
||||||
|
-->
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user