Clean up the shit *somebody* left around...
|
@ -7,6 +7,7 @@
|
|||
html {
|
||||
box-sizing: border-box;
|
||||
font-family: 'Fantasque Sans Mono', monospace;
|
||||
text-transform: lowercase;
|
||||
}
|
||||
|
||||
*, *:before, *:after {
|
||||
|
@ -19,21 +20,34 @@ html {
|
|||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||
|
||||
body {
|
||||
width: 20rem;
|
||||
margin: auto;
|
||||
padding: 2rem 0.5rem;
|
||||
}
|
||||
|
||||
.main-container
|
||||
{
|
||||
width:46rem;
|
||||
font-weight: normal;
|
||||
margin: auto;
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||
* TEXT *
|
||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||
|
||||
|
||||
h1 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.3rem;
|
||||
font-size: 4rem;
|
||||
}
|
||||
|
||||
.main-container.home
|
||||
{
|
||||
width:20rem;
|
||||
margin: auto;
|
||||
p, li {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
|
@ -85,266 +99,29 @@ nav > ul > li:before {
|
|||
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||
* TEXT *
|
||||
* 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 {
|
||||
section {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
|
||||
p > * {
|
||||
padding: 0;
|
||||
section:last-child {
|
||||
margin-bottom: 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;
|
||||
section > p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
section > p > span {
|
||||
padding: 0.1rem 0;
|
||||
font-weight: normal;
|
||||
background: #000000;
|
||||
box-shadow: 0.2rem 0 0 #000000, -0.2rem 0 0 #000000;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||
* ASCII *
|
||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||
|
||||
.letterhead
|
||||
{
|
||||
margin-bottom: 2rem;
|
||||
display:table;
|
||||
width:100% !important;
|
||||
font-size:1.1rem;
|
||||
section > p:first-child > span {
|
||||
background: #378ab4;
|
||||
box-shadow: 0.2rem 0 0 #378ab4, -0.2rem 0 0 #378ab4;
|
||||
}
|
||||
|
||||
|
||||
.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
After Width: | Height: | Size: 3.8 KiB |
BIN
cc17/assets/favicons/android-chrome-512x512.png
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
cc17/assets/favicons/apple-touch-icon.png
Normal file
After Width: | Height: | Size: 2.0 KiB |
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
After Width: | Height: | Size: 450 B |
BIN
cc17/assets/favicons/favicon-32x32.png
Normal file
After Width: | Height: | Size: 693 B |
BIN
cc17/assets/favicons/favicon.ico
Normal file
After Width: | Height: | Size: 15 KiB |
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
After Width: | Height: | Size: 2.0 KiB |
BIN
cc17/assets/favicons/mstile-150x150.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
cc17/assets/favicons/mstile-310x150.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
cc17/assets/favicons/mstile-310x310.png
Normal file
After Width: | Height: | Size: 4.0 KiB |
BIN
cc17/assets/favicons/mstile-70x70.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
1
cc17/assets/favicons/safari-pinned-tab.svg
Normal file
After Width: | Height: | Size: 2.0 KiB |
BIN
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Bold.eot
Normal file
2601
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Bold.svg
Normal file
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.woff2
Normal file
2921
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-BoldItalic.svg
Normal file
After Width: | Height: | Size: 385 KiB |
BIN
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Italic.eot
Normal file
2764
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Italic.svg
Normal file
After Width: | Height: | Size: 349 KiB |
BIN
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Italic.woff
Normal file
BIN
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Regular.eot
Normal file
2628
cc17/assets/fonts/fantastique-sans/FantasqueSansMono-Regular.svg
Normal file
After Width: | Height: | Size: 316 KiB |
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
|
@ -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
After Width: | Height: | Size: 5.4 KiB |
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
|
@ -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
|
@ -1,6 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<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 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">
|
||||
|
||||
<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="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">
|
||||
<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>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<img alt="Unit logo" src="assets/images/logo.svg">
|
||||
<h1>Unit</h1>
|
||||
</header>
|
||||
|
||||
<body>
|
||||
<div class="main-container home">
|
||||
<header>
|
||||
<img alt="Unit logo" src="assets/images/logo.svg">
|
||||
<h1>unit</h1>
|
||||
</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/Calendar">Calendar</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<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/Calendar">calendar</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<section>
|
||||
<p><span>
|
||||
<a href="https://www.openstreetmap.org/node/2709091290" target="_blank">
|
||||
Viale Molise 68, Milano</a>
|
||||
</span></p>
|
||||
<p><span>
|
||||
<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>
|
||||
<strong>unit at paranoici dot org</strong>
|
||||
<strong>#unit on irc.autistici.org</strong></p>
|
||||
<section>
|
||||
<p><span>
|
||||
<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>
|
||||
<strong>ogni mercoledì pomeriggio</strong></p>
|
||||
<section>
|
||||
<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>
|
||||
<!--
|
||||
vim: tabstop=4 shiftwidth=4 expandtab:
|
||||
-->
|
||||
|
|