Slides 2018

.htaccess

@@ -1,4 +1,4 @@
-RedirectMatch ^/$ http://linuxdaymilano.org/2017
+RedirectMatch ^/$ http://linuxdaymilano.org/2018
 
 RewriteEngine on
 RewriteBase /wiki

2018/css/custom.css

@@ -0,0 +1,163 @@
+.Page.Page--schedule #hero {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: end;
+  -ms-flex-align: end;
+  align-items: flex-end;
+  min-height: 40rem;
+  background: url("../images/slider/bg1.jpg") no-repeat center center fixed;
+  background-size: cover; }
+  @media (min-width: 992px) {
+    .Page.Page--schedule #hero {
+      padding-bottom: 2rem;
+      padding-left: 3rem; } }
+  .Page.Page--schedule #hero .Hero__content {
+    background-color: black;
+    padding: 1rem; }
+    @media (max-width: 992px) {
+      .Page.Page--schedule #hero .Hero__content {
+        width: 100%; } }
+    .Page.Page--schedule #hero .Hero__content h2 {
+      margin-top: 0.5rem; }
+      @media (max-width: 992px) {
+        .Page.Page--schedule #hero .Hero__content h2 {
+          font-size: 2.75rem; } }
+
+.Page.Page--schedule #schedule {
+  color: #333;
+  padding: 2.5rem 0; }
+
+.Page.Page--schedule .TimeSlot {
+  margin: 2rem 2rem; }
+  @media (min-width: 992px) {
+    .Page.Page--schedule .TimeSlot {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex; } }
+  .Page.Page--schedule .TimeSlot__time {
+    font-size: 2.5rem;
+    -ms-flex-preferred-size: 5rem;
+    flex-basis: 5rem; }
+  .Page.Page--schedule .TimeSlot__events {
+    -webkit-box-flex: 1;
+    -ms-flex: 1;
+    flex: 1; }
+    @media (min-width: 992px) {
+      .Page.Page--schedule .TimeSlot__events {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        margin-left: 2rem; } }
+    .Page.Page--schedule .TimeSlot__events .Event {
+      margin-bottom: 1rem; }
+      @media (min-width: 992px) {
+        .Page.Page--schedule .TimeSlot__events .Event {
+          margin: 1rem;
+          -ms-flex-preferred-size: 25%;
+          flex-basis: 25%; } }
+      .Page.Page--schedule .TimeSlot__events .Event--wide {
+        -ms-flex-preferred-size: 100%;
+        flex-basis: 100%; }
+    @media (min-width: 992px) {
+      .Page.Page--schedule .TimeSlot__events .EventSeparator {
+        margin: 1rem;
+        -ms-flex-preferred-size: 25%;
+        flex-basis: 25%; } }
+
+.Page.Page--schedule .Event {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  cursor: pointer;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  padding: 1.5rem;
+  border: 1px solid #e2e2e2; }
+  @media (min-width: 992px) {
+    .Page.Page--schedule .Event {
+      padding: 1.5rem 2rem; } }
+  .Page.Page--schedule .Event:hover {
+    background-color: #f7f7f7; }
+  .Page.Page--schedule .Event__title {
+    font-size: 2.5rem;
+    line-height: 2.5rem; }
+  .Page.Page--schedule .Event__author {
+    margin-top: 2rem;
+    margin-bottom: 2rem; }
+  .Page.Page--schedule .Event__meta {
+    margin-top: auto;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    font-size: 1.5rem;
+    justify-content: space-between;
+    align-items: flex-end; }
+  .Page.Page--schedule .Event__description {
+    display: none; }
+  .Page.Page--schedule .Event__info {
+    border: 1px solid #e2e2e2;
+    border-radius: 100%;
+    width: 3rem;
+    height: 3rem;
+    display: flex;
+    justify-content: center;
+    align-items: center; }
+    @media (min-width: 992px) {
+      .Page.Page--schedule .Event__info {
+        display: none; } }
+
+.Page.Page--home .Home {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  min-height: 60vh;
+  background: url("../images/slider/bg1.jpg") no-repeat center center fixed;
+  background-size: cover;
+  -webkit-box-align: end;
+  -ms-flex-align: end;
+  align-items: flex-end; }
+  @media (min-width: 992px) {
+    .Page.Page--home .Home {
+      min-height: 90vh;
+      padding-bottom: 10rem;
+      background: url("../images/slider/bg2.jpg") no-repeat center center fixed;
+      background-size: cover; } }
+  .Page.Page--home .Home__content {
+    background: rgba(0, 0, 0, 0.7); }
+    @media (min-width: 992px) {
+      .Page.Page--home .Home__content {
+        padding: 10px 60px 35px; } }
+    @media (max-width: 992px) {
+      .Page.Page--home .Home__content {
+        width: 100%;
+        padding-bottom: 20px; }
+        .Page.Page--home .Home__content .Home__subtitle {
+          display: none; }
+        .Page.Page--home .Home__content h2 {
+          font-size: 2.25rem; } }
+
+.Page.Page--home .Sponsors {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-bottom: 10rem; }
+  .Page.Page--home .Sponsors .Sponsor {
+    -ms-flex-preferred-size: 50%;
+    flex-basis: 50%;
+    padding: 1rem; }
+    @media (min-width: 992px) {
+      .Page.Page--home .Sponsors .Sponsor {
+        -ms-flex-preferred-size: 33%;
+        flex-basis: 33%; } }
+    .Page.Page--home .Sponsors .Sponsor img {
+      max-width: 100%;
+      display: block;
+      width: 100%; }
+
+.Page.Page--home .light {
+  display: none; }

2018/css/main.css

@@ -542,7 +542,8 @@ h2 {
 .coding {
   top: 0;
   width: 40%;
-  padding-left: 100px;
+  padding: 70px;
+  padding-right: 0;
 }
 
 .coding img {
@@ -581,6 +582,17 @@ h2 {
   background-color: #126d55
 }
 
+#contact .btn-primary {
+  background-color: #ae750d;
+  color: #fff;
+  text-transform: capitalize;
+  border: none;
+  margin-top: 28px;
+}
+
+#contact .btn-primary:hover {
+  background-color: #92640d
+}
 
 
 /*************************
@@ -676,7 +688,7 @@ h2 {
 
 #sponsor h2 {
   margin-top: 90px;
-  margin-bottom: 40px;
+  margin-bottom: 20px;
 }
 
 #sponsor .item ul {

2018/css/schedule.css

@@ -0,0 +1,75 @@
+.Page.Page--schedule #hero {
+  display: flex;
+  align-items: flex-end;
+  min-height: 40rem;
+  background: url("../images/slider/bg1.jpg") no-repeat center center fixed;
+  background-size: cover; }
+  @media (min-width: 992px) {
+    .Page.Page--schedule #hero {
+      padding-bottom: 2rem;
+      padding-left: 3rem; } }
+  .Page.Page--schedule #hero .Hero__content {
+    background-color: black;
+    padding: 1rem; }
+    @media (max-width: 992px) {
+      .Page.Page--schedule #hero .Hero__content {
+        width: 100%; } }
+    .Page.Page--schedule #hero .Hero__content h2 {
+      margin-top: 0.5rem; }
+      @media (max-width: 992px) {
+        .Page.Page--schedule #hero .Hero__content h2 {
+          font-size: 2.75rem; } }
+
+.Page.Page--schedule #schedule {
+  color: #333;
+  padding: 2.5rem 0; }
+
+.Page.Page--schedule .TimeSlot {
+  margin: 2rem 2rem; }
+  @media (min-width: 992px) {
+    .Page.Page--schedule .TimeSlot {
+      display: flex; } }
+  .Page.Page--schedule .TimeSlot__time {
+    font-size: 2.5rem;
+    flex-basis: 5rem; }
+  .Page.Page--schedule .TimeSlot__events {
+    flex: 1; }
+    @media (min-width: 992px) {
+      .Page.Page--schedule .TimeSlot__events {
+        display: flex;
+        margin-left: 2rem; } }
+    .Page.Page--schedule .TimeSlot__events .Event {
+      margin-bottom: 1rem; }
+      @media (min-width: 992px) {
+        .Page.Page--schedule .TimeSlot__events .Event {
+          margin: 1rem;
+          flex-basis: 25%; } }
+      .Page.Page--schedule .TimeSlot__events .Event--wide {
+        flex-basis: 100%; }
+    @media (min-width: 992px) {
+      .Page.Page--schedule .TimeSlot__events .EventSeparator {
+        margin: 1rem;
+        flex-basis: 25%; } }
+
+.Page.Page--schedule .Event {
+  display: flex;
+  flex-direction: column;
+  padding: 1.5rem;
+  border: 1px solid #e2e2e2; }
+  @media (min-width: 992px) {
+    .Page.Page--schedule .Event {
+      padding: 1.5rem 2rem; } }
+  .Page.Page--schedule .Event:hover {
+    background-color: #f7f7f7; }
+  .Page.Page--schedule .Event__title {
+    font-size: 2.5rem;
+    line-height: 2.5rem; }
+  .Page.Page--schedule .Event__author {
+    margin-top: 2rem;
+    margin-bottom: 2rem; }
+  .Page.Page--schedule .Event__meta {
+    margin-top: auto;
+    display: flex;
+    font-size: 1.5rem; }
+  .Page.Page--schedule .Event__duration {
+    flex: 1; }

2018/gulpfile.js

@@ -76,15 +76,14 @@ gulp.task('default', ['less', 'minify-css', 'minify-js', 'copy']);
 // Configure the browserSync task
 gulp.task('browserSync', function() {
     browserSync.init({
-        server: {
-            baseDir: ''
-        },
+        server: ['./']
     })
 })
 
 // Dev task with browserSync
-gulp.task('dev', ['browserSync', 'less', 'minify-css', 'minify-js'], function() {
+gulp.task('dev', ['browserSync', 'less', 'sass', 'minify-css', 'minify-js'], function() {
     gulp.watch('less/*.less', ['less']);
+    gulp.watch('scss/*.scss', ['sass']);
     gulp.watch('css/*.css', ['minify-css']);
     gulp.watch('js/*.js', ['minify-js']);
     // Reloads the browser whenever HTML or JS files change
@@ -95,9 +94,8 @@ gulp.task('dev', ['browserSync', 'less', 'minify-css', 'minify-js'], function()
 // Compiles SCSS files from /scss into /css
 // NOTE: This theme uses LESS by default. To swtich to SCSS you will need to update this gulpfile by changing the 'less' tasks to run 'sass'!
 gulp.task('sass', function() {
-    return gulp.src('scss/agency.scss')
+    return gulp.src('scss/custom.scss')
         .pipe(sass())
-        .pipe(header(banner, { pkg: pkg }))
         .pipe(gulp.dest('css'))
         .pipe(browserSync.reload({
             stream: true