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

Update static build - Sat Jun 6 15:40:43 UTC 2015

Browse Source
This commit is contained in:
Basti 2015-06-06 17:40:43 +02:00
parent c768b92cad
commit a98179d4df
2 changed files with 96 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
dist/index.html vendored
View File

@ -14,6 +14,13 @@
<section id="teaser"> <section id="teaser">
<h1>Kosmos</h1> <h1>Kosmos</h1>
<h2>Open-source group communication for the 21st century</h2> <h2>Open-source group communication for the 21st century</h2>
<nav>
<ul>
<li><a href="https://wiki.67p.io">Wiki</a></li>
<li><a href="https://github.com/67P">GitHub</a></li>
<li><a href="https://twitter.com/KosmosHQ">Twitter</a></li>
</ul>
</nav>
<!-- <!--
<p> <p>
Kosmos is a new kind of team communication service. All of it is based on Kosmos is a new kind of team communication service. All of it is based on

89
dist/styles/style.css vendored
View File

@ -89,6 +89,91 @@ section#teaser {
font-size: 32px; } font-size: 32px; }
section#teaser p { section#teaser p {
margin-bottom: 2rem; } margin-bottom: 2rem; }
section#teaser nav {
display: block;
width: 100%; }
section#teaser nav ul {
display: block;
width: 100%;
list-style: none;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
flex-direction: row;
-ms-flex-direction: row;
-webkit-box-lines: single;
-moz-box-lines: single;
box-lines: single;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-align-content: center;
-moz-align-content: center;
align-content: center;
-ms-flex-line-pack: center;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
flex-grow: 1;
-ms-flex-positive: 1; }
section#teaser nav ul li {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
height: 48px; }
section#teaser nav ul li a {
display: block;
margin: 0 8px;
height: 48px;
line-height: 48px;
font-size: 24px;
font-weight: 300;
text-decoration: none;
color: #fff;
border: 1px solid #fff;
border-radius: 24px;
-webkit-transition: all linear 150ms;
-moz-transition: all linear 150ms;
transition: all linear 150ms; }
section#teaser nav ul li a:hover {
background: rgba(255, 255, 255, 0.2);
-webkit-transition: all linear 150ms;
-moz-transition: all linear 150ms;
transition: all linear 150ms; }
footer { footer {
position: absolute; position: absolute;
@ -98,3 +183,7 @@ footer {
footer p { footer p {
display: inline-block; display: inline-block;
opacity: 0.7; } opacity: 0.7; }
@media screen and (max-width: 600px) {
section#teaser h1 {
font-size: 72px; } }