Skip to content

Commit

Permalink
.
Browse files Browse the repository at this point in the history
  • Loading branch information
@enricomarino
enricomarino committed Nov 1, 2016
1 parent d5bfa2c commit ebc748f
Show file tree
Hide file tree
Showing 11 changed files with 148 additions and 243 deletions.
31 changes: 30 additions & 1 deletion elements/layout-page.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,24 +30,53 @@

#layout #main {
@apply --layout-fit;
@apply --layout-horizontal;
overflow-y: scroll;
padding-top: 60px;
}

#layout #content {
@apply --container;
}

#layout .aside .fixed {
position: fixed;
top: 20px;
bottom: 20px;
right: 40px;
@apply --layout-horizontal;
@apply --layout-center;
}


#layout #space {
@apply --layout-flex;
}

#layout #footer {
@apply --layout-block;
}


@media (max-width: 768px) {
#layout .aside {
display: none;
}
}
</style>

<div id="layout">
<div id="frame">
<part-header id="header"></part-header>
<div id="main">
<content select="*"></content>
<div id="content">
<content select=".content"></content>
</div>
<div class="aside">
<div class="fixed">
<content select=".menu"></content>
</div>
</div>
</div>
</div>
</div>
Expand Down
171 changes: 65 additions & 106 deletions elements/page-about.html
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,4 @@
<link rel="import" href="layout-page.html">
<link rel="import" href="part-jumbotron.html">
<link rel="import" href="part-map.html">
<link rel="import" href="part-menu.html">
<link rel="import" href="part-technologies.html">

<template-element id="page-about">
Expand All @@ -11,31 +8,6 @@
@apply --layout-block;
}

#page-about .frame {
@apply --layout-horizontal;
}

#page-about .aside {
width: 120px;
}
#page-about .aside .fixed {
position: fixed;
width: 120px;
top: 20px;
bottom: 20px;
@apply --layout-horizontal;
@apply --layout-center;
}

#page-about .main {
@apply --layout-flex;
}

#page-about .container {
@apply --container;
padding-top: 60px;
}

#page-about .section {
/*@apply --layout-fullbleed;*/
margin-bottom: 180px;
Expand Down Expand Up @@ -65,10 +37,6 @@
}

@media (max-width: 768px) {
#page-about .aside {
display: none;
}

#page-about .tagline {
font-size: 30px;
}
Expand All @@ -77,91 +45,82 @@
</style>

<layout-page id="page-about">
<div class="frame">
<div class="aside">
<div class="fixed">
<part-menu links="{{context.menu.about}}"></part-menu>
<part-menu class="menu" links="{{context.menu.about}}"></part-menu>
<div class="content">
<div class="section what">
<h1 class="title">What we do</h1>

<div class="tagline">
<span>We make<span><br>
<span class="web">Web </span><span class="stuff" ref="stuff"></span>
</div>
</div>
<div class="main">
<div class="container">

<div class="section what">
<h1 class="title">What we do</h1>

<div class="tagline">
<span>We make<span><br>
<span class="web">Web </span><span class="stuff" ref="stuff"></span>
</div>

<div class="subsection">
<h2 class="title">Our workflow</h2>
<div class="principles">
<p>Explore, Make, Share</p>
</div>
</div>

<div class="subsection">
<h2 class="title">Our principles</h2>
<div class="principles">
<p>First do it, then do it right, then do it better</p>
<p>Dividi et Impera, componetizing all the things</p>
<p>Keep It Stupid Simple</p>
</div>
</div>

<div class="subsection">
<h2 class="title">Our work tools</h2>
<p>Web Technologies, what else?</p>
<div class="technologies">
<part-technologies ref="technologies" technologies="{{technologies}}"></part-technologies>
</div>
</div>
</div>

<div class="section who">
<h1 class="title">Who we are</h1>
<div class="people">
<h2 class="title">Founders</h2>
<div class="founders">
<span class="founder">Alberto Paoluzzi</span><span>,</span>
<span class="founder">Enrico Marino</span><span> &amp; </span>
<span class="founder">Federico Spini</span>
</div>
<div>
<a href="/people">Meet the teem</a>
</div>
</div>
<div class="subsection">
<h2 class="title">Our workflow</h2>
<div class="principles">
<p>Explore, Make, Share</p>
</div>
</div>

<div class="section why">
<h1 class="title">Why we do what we do</h1>
<h2>Love, Love, Love</h2>
<div class="description">
<p>Love studying cutting-edge Web Technologies (that are going to be Web standards)</p>
<p>Love experimenting and making Web stuff using what we have studied</p>
<p>Love teaching what we have maked, sharing our know-how and our projects</p>
</div>
<div class="subsection">
<h2 class="title">Our principles</h2>
<div class="principles">
<p>First do it, then do it right, then do it better</p>
<p>Dividi et Impera, componetizing all the things</p>
<p>Keep It Stupid Simple</p>
</div>
</div>

<div class="section where">
<h1 class="title">Where you can find us</h1>
<h2>We are in Rome</h2>
<div class="description">
<p>In the RomaTre University, in the Computer Engineering Department.</p>
<p>If you're in the neighborhood, come to visit us, or <a href="/contacts">drop us a line</a>.</p>
</div>
<div>
<!-- <a href="/contacts">contact us</a> -->
</div>
<div class="subsection">
<h2 class="title">Our work tools</h2>
<p>Web Technologies, what else?</p>
<div class="technologies">
<part-technologies ref="technologies" technologies="{{technologies}}"></part-technologies>
</div>
</div>
</div>

<div class="section when">
<h1 class="title">When did it all start?</h1>
<div>CVDLAB was founded in 2010.</div>
<div class="section who">
<h1 class="title">Who we are</h1>
<div class="people">
<h2 class="title">Founders</h2>
<div class="founders">
<span class="founder">Alberto Paoluzzi</span><span>,</span>
<span class="founder">Enrico Marino</span><span> &amp; </span>
<span class="founder">Federico Spini</span>
</div>
<div>
<a href="/people">Meet the teem</a>
</div>
</div>
</div>

<div class="section why">
<h1 class="title">Why we do what we do</h1>
<h2>Love, Love, Love</h2>
<div class="description">
<p>Love studying next gen Web Technologies (that are going to be Web standards)</p>
<p>Love experimenting and making Web stuff using what we have studied</p>
<p>Love teaching what we have maked, sharing our know-how and our projects</p>
</div>
</div>

<div class="section where">
<h1 class="title">Where you can find us</h1>
<h2>We are in Rome</h2>
<div class="description">
<p>In the RomaTre University, in the Computer Engineering Department.</p>
<p>If you're in the neighborhood, come to visit us, or <a href="/contacts">drop us a line</a>.</p>
</div>
<div>
<!-- <a href="/contacts">contact us</a> -->
</div>
</div>

<div class="section when">
<h1 class="title">When did it all start?</h1>
<div>CVDLAB was founded in 2010.</div>
</div>
</div>
</layout-page>

Expand Down
7 changes: 1 addition & 6 deletions elements/page-blog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,15 +7,10 @@
:host {
@apply --layout-block;
}

.container {
@apply --container;
padding-top: 60px;
}
</style>

<layout-page>
<div class="container">
<div class="content">
<h1 class="title">Blog</h1>
<div class="articles">
<template-repeat items="{{articles}}" item="article">
Expand Down
7 changes: 1 addition & 6 deletions elements/page-contacts.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,11 +8,6 @@
@apply --layout-block;
}

.container {
@apply --container;
padding-top: 60px;
}

.contacts {
padding-top: 60px;
@apply --text;
Expand All @@ -38,7 +33,7 @@
</style>

<layout-page>
<div class="container">
<div class="content">
<div class="contacts">
<h1>
<span ref="condition"></span>,<br>
Expand Down
7 changes: 3 additions & 4 deletions elements/page-cookies.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,13 @@
<template-element id="page-cookies" selfy>
<template>
<style>
.container {
@apply --container;
@apply --text;
:host {
display: block;
}
</style>

<layout-page>
<div class="container">
<div class="content">

<h1 class="title">Cookie policy</h1>
<h3>Cookie policy</h3>
Expand Down
21 changes: 3 additions & 18 deletions elements/page-courses.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
<link rel="import" href="layout-page.html">
<link rel="import" href="part-jumbotron.html">
<link rel="import" href="part-courses.html">

<template-element id="page-courses">
Expand All @@ -8,29 +7,15 @@
:host {
@apply --layout-block;
}

.jumbotron {
@apply --layout-block;
height: 200px;
}

.container {
@apply --container;
padding-top: 60px;
}

.section {
/*@apply --layout-fullbleed;*/
}
</style>

<layout-page>
<div class="section coursed">
<div class="container">
<div class="content">
<div class="section">
<h1 class="title">Courses</h1>
<part-courses courses="{{courses}}"></part-courses>
</div>
<div class="container">
<div class="section">
<h1 class="title">Learning by doing</h1>
<part-courses courses="{{crumbs}}"></part-courses>
</div>
Expand Down
23 changes: 13 additions & 10 deletions elements/page-home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,7 @@
text-transform: uppercase;
text-align: left;
}

#heading .title .word {
display: block;
}
Expand All @@ -42,16 +43,18 @@
</style>

<layout-page>
<part-jumbotron id="jumbotron">
<div id="heading">
<h1 class="title">
<span class="word">Computational</span>
<span class="word">Visual</span>
<span class="word">Design</span>
<span class="word">Lab</span>
</h1>
</div>
</part-jumbotron>
<div class="content">
<part-jumbotron id="jumbotron">
<div id="heading">
<h1 class="title">
<span class="word">Computational</span>
<span class="word">Visual</span>
<span class="word">Design</span>
<span class="word">Lab</span>
</h1>
</div>
</part-jumbotron>
</div>
</layout-page>
</template>
</template-element>
Loading

0 comments on commit ebc748f

Please sign in to comment.