unit/website
8
0
Fork 1
Code Issues Pull Requests Releases Activity

Working asap

Browse Source
This commit is contained in:
User Identifier 2017-05-21 15:43:38 +02:00
parent b936f012f1
commit 519e66b0cd
2 changed files with 37 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
index.html
View File

@ -7,32 +7,22 @@
</head>
<body>
<div class="header">
<div class="wrapper">
<img class="logo" src="logo.svg" alt="logo">
<h1 class="title">Unit</h1>
<div class="info">info.unit@autistici.org Viale Molise 68, Milano</div>
</div>
</div>
<div class="content">
<!--<div class="links">
<a href="https://wiki.unit.macaomilano.org/Manifesto">Manifesto</a>
<a href="https://wiki.unit.macaomilano.org/">Wiki</a>
<a href="https://wiki.unit.macaomilano.org/FAQ">FAQ</a>
</div>-->
<div class="news">
<!--<iframe src="news.xml" frameborder="0" scrolling="no" onload="resizeIframe(thi)"></iframe>-->
<iframe src="news.xml" frameborder="0" scrolling="no" onload="resizeIframe(this)"></iframe>
</div>
<div id="logo">
<img src="logo.svg" alt="logo">
</div>
<script>
function resizeIframe(obj) {
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
}
</script>
<h1>Unit</h1>
<ul>
<li><a href="https://wiki.unit.macaomilano.org">Wiki</a></li>
<li><a href="https://wiki.unit.macaomilano.org/Calendario">Calendario</a></li>
<li><a href="https://git.unit.macaomilano.org">Git</a></li>
</ul>
<div class="info">
<div>Viale Molise 68, Milano</div>
<div>unit at paranoici.org</div>
</div>
</div>
</body>
</html>

77
style.css
View File

@ -1,66 +1,35 @@
html, body {
body {
margin: 0;
padding: 0;
border: none;
}
.header {
width: 100%;
margin: 0 auto;
position: fixed;
}
.header .wrapper {
max-width: 800px;
margin: 0 auto;
}
.wrapper:after {
content: " "; /* Older browser do not support empty content */
visibility: hidden;
display: block;
height: 0;
clear: both;
}
.header .title {
margin: 0;
float: left;
display: block;
}
.header .logo {
width: 4rem;
height: 4rem;
float: left;
}
.header .info {
margin: 0;
padding: 0;
border: none;
float: right;
padding: auto;
font-family: monospace;
font-size: 16;
}
.content {
max-width: 800px;
margin: 0 auto;
padding-top: 4rem;
overflow: scroll;
margin: auto;
width: 20em;
}
.links a {
display: block;
box-sizing: border-box;
.div {
margin: auto;
}
.news {
overflow: hidden;
#logo {
margin: auto;
margin-top: 5em;
margin-bottom: 5em;
width: 20em;
}
iframe {
#logo img {
margin: auto;
width: 100%;
height: 100%;
overflow: hidden;
border: none;
}
.info {
margin-top: 2em;
}
.info div {
margin-top: 1em;
}