Upload CSS and astronaut

diff --git a/2021/assets/css/custom.css b/2021/assets/css/custom.css
index 97c695607bbc4f8e7cec1f0b61aa680ea31396b4..6cd3253350261b0b0e1936eece30d1c8de13b864 100644 (file)
--- a/2021/assets/css/custom.css
+++ b/2021/assets/css/custom.css
@@ -4,7 +4,8 @@ body {
   font-family: sans-serif;
   font-size: 15px;
   line-height: 1.428571429;
-  color: #333333;
+  color: #dbd6ce;
+  scrollbar-color: #4b4f53 #1c1e1f;
 }
 
 .col-sm-12 {
@@ -13,12 +14,38 @@ body {
   text-align: left;
 }
 
+.list-group {
+  outline-offset: -1rem;
+  padding: 0.5rem 0.5rem 0 0.5rem;
+}
+
+.list-group-item {
+  border: none;
+  background: rgba(55, 57, 58, 0.85);
+}
+
+.astronaut {
+  z-index: 9;
+  position: fixed;
+  width: 10vw;
+  left:  82.2%;
+  /*top: calc(100px - 1vw);*/
+  top: 150px;
+}
+
+.col-sm-9 {
+  background-color: rgba(55, 57, 58, 0.85);
+  outline-offset: -1rem;
+}
+
 h2 {
-  margin-bottom: 20px;
+  margin-bottom: 0px;
+  margin-top: 0px;
+  padding-top: 5px;
 }
 
 h3  {
-  color: rgb(70, 80, 73);
+  color: rgb(185, 179, 169);
   font-size: 20px;
 }
 
@@ -28,16 +55,16 @@ h3  {
 }
 
 .lp-date-place {
-   font-size: 22px;
-   line-height: 1.2;
-   letter-spacing: 0.29em;
-   margin-top: 42px
+  font-size: 22px;
+  line-height: 1.2;
+  letter-spacing: 0.29em;
+  margin-top: 42px
 }
 
 #lp-content { position: relative; }
 
 .text-thick {
-       font-weight: 900;
+  font-weight: 900;
 }
 
 .margin-top {
@@ -51,78 +78,78 @@ h3  {
 /* LP Program */
 
 .program-session-details-toggle-all {
-    margin-bottom: 25px;
-    display: none;
+  margin-bottom: 25px;
+  display: none;
 }
 
 .program-session-details-toggle-all button {
-    font-weight: 700;
-    position: absolute;
-    right: 0;
-    top: 235px;
+  font-weight: 700;
+  position: absolute;
+  right: 0;
+  top: 235px;
 }
 
 .program-session-details-toggle-all button.fixed {
-    position: fixed;
-    top: 50px;
-    right: 20px;
+  position: fixed;
+  top: 50px;
+  right: 20px;
 }
 
 .program-day {
-    margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 
 .program-day-header h2 {
-    font-size: 2.1em;
-    color: #602217;
-    padding: 0.3em;
-    text-align: center;
-    border-bottom: 3px solid #f5f5f5;
-    border-radius: 5px;
+  font-size: 2.1em;
+  color: #602217;
+  padding: 0.3em;
+  text-align: center;
+  border-bottom: 3px solid #f5f5f5;
+  border-radius: 5px;
 }
 
 .program-timeslot-break {
-    margin-bottom: 2px;
+  margin-bottom: 2px;
 }
 
 .program-timeslot-break-header h2 {
-    font-size: 1.6em;
-    color: rgb(150, 150, 150);
+  font-size: 1.6em;
+  color: rgb(150, 150, 150);
 }
 
 .program-timeslot {
-    padding: 0.5em;
+  padding: 0.5em;
 }
 
 .program-timeslot-header h2 {
-    font-size: 1.6em;
+  font-size: 1.6em;
 }
 
 .program-session-header h2 {
-    font-size: 1.3em;
-    font-weight: 500;
-    margin-bottom: 3px;
+  font-size: 1.3em;
+  font-weight: 500;
+  margin-bottom: 3px;
 }
 
 .program-session {
-    padding: 0.5em;
+  padding: 0.5em;
 }
 
 .program-session button {
-    font-size: 10px;
+  font-size: 10px;
 }
 
 .session-desc {
-       border: 1px solid #DDD;
-       padding: 0.5em;
-       border-radius: 5px;
-       margin-top: 5px;
-       background: #f5f5f5;
+  border: 1px solid #DDD;
+  padding: 0.5em;
+  border-radius: 5px;
+  margin-top: 5px;
+  background: rgba(55, 57, 58, 0.85);
 }
 
 .program-session-speaker {
-    margin: 0px 7px 0px 0px;
-    font-style: italic;
+  margin: 0px 7px 0px 0px;
+  font-style: italic;
 }
 
 .speaker-bio {
@@ -130,65 +157,65 @@ h3  {
 }
 
 .speakers-block {
-    border-bottom: 1px solid rgb(200, 200, 200);
-    margin-bottom: 20px;
+  border-bottom: 1px solid rgb(200, 200, 200);
+  margin-bottom: 20px;
 }
 
 .speakers-block img {
-       border-radius: 100%;
+  border-radius: 100%;
 }
 
 .keynote-speakers-header {
-    margin-bottom: 20px;
+  margin-bottom: 20px;
 }
 
 .speaker-block {
-    padding-bottom: 20px;
+  padding-bottom: 20px;
 }
 
 .keynote-speaker-header h2 {
-    font-size: 25px;
-    padding-top: 0px;
+  font-size: 25px;
+  padding-top: 0px;
 }
 
 .speaker-header h2 {
-    font-size: 20px;
-    padding-top: 0px;
+  font-size: 20px;
+  padding-top: 0px;
 }
 
 .program-session-shelf {
-    margin-top: 5px;
+  margin-top: 5px;
 }
 
 .program-session-room-details {
-    margin-top: 4px;
-    display: inline;
+  margin-top: 4px;
+  display: inline;
 }
 
 .program-session-room-details button {
-    margin-left: 5px;
-    font-weight: 700;
-    display: none;
+  margin-left: 5px;
+  font-weight: 700;
+  display: none;
 }
 
 .program-session-ical-bg {
-    background-color: rgb(245, 245, 245);
-    padding: 5px;
-    border-radius: 3px;
+  background-color: rgb(245, 245, 245);
+  padding: 5px;
+  border-radius: 3px;
 }
 
 article.ical-howto header {
-    margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 
 article.ical-howto h2 {
-    font-size: 15px;
+  font-size: 15px;
 }
 
 /* Breadcrumb */
 
 .breadcrumb > .active {
-       color: rgb(38, 208, 61);
+  color: rgb(38, 208, 61);
 }
 
 /* Links */
@@ -256,13 +283,16 @@ hr {
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.428571429;
-  color: #555555;
+  color: #d5c3c3;
   vertical-align: middle;
-  background-color: #ffffff;
+  background-color: #242627;
   border: 1px solid #cccccc;
+  /*border: 1px solid #303436;*/
   border-radius: 4px;
   -webkit-box-shadow: none;
   box-shadow: none;
+  /*-webkit-transition: border-color ease-in-out 0.15s;
+  transition: border-color ease-in-out 0.15s; */
   -webkit-transition: border-color ease-in-out 0.15s;
   transition: border-color ease-in-out 0.15s;
 }
@@ -306,14 +336,13 @@ hr {
   }
 
   .lp-label-news {
-      font-size: 0.9em;
+    font-size: 0.9em;
   }
 
   .checkbox .help-block {
-      font-size: 0.9em;
+    font-size: 0.9em;
   }
 
-
 }
 
 .field-required {
@@ -460,21 +489,21 @@ hr {
 }
 
 @media (min-width: 375px) and (max-width: 767px) {
-    .carousel-control .icon-prev,
-    .carousel-control .icon-next,
-    .carousel-control .glyphicon-chevron-left,
-    .carousel-control .glyphicon-chevron-right {
-        top: 60%;
-    }
+  .carousel-control .icon-prev,
+  .carousel-control .icon-next,
+  .carousel-control .glyphicon-chevron-left,
+  .carousel-control .glyphicon-chevron-right {
+    top: 60%;
+  }
 }
 
 @media (max-width: 374px) {
-    .carousel-control .icon-prev,
-    .carousel-control .icon-next,
-    .carousel-control .glyphicon-chevron-left,
-    .carousel-control .glyphicon-chevron-right {
-        top: 70%;
-    }
+  .carousel-control .icon-prev,
+  .carousel-control .icon-next,
+  .carousel-control .glyphicon-chevron-left,
+  .carousel-control .glyphicon-chevron-right {
+    top: 70%;
+  }
 }
 
 .carousel-caption-tr {
@@ -595,53 +624,53 @@ hr {
 }
 
 .carousel-control.left {
-    background-image: none;
-    background-repeat: repeat-x;
-    border-bottom: none;
+  background-image: none;
+  background-repeat: repeat-x;
+  border-bottom: none;
 }
 
 .carousel-control.right {
-    background-image: none;
-    background-repeat: repeat-x;
-    left: auto;
-    right: 0;
-    border-bottom: none;
+  background-image: none;
+  background-repeat: repeat-x;
+  left: auto;
+  right: 0;
+  border-bottom: none;
 }
 
 /* Header */
 
 .lp-archived {
-    background-color: #C4A000;
-    color: rgb(255, 255, 255);
-    text-align: center;
-    padding: 2.5px 0;
+  background-color: #C4A000;
+  color: rgb(255, 255, 255);
+  text-align: center;
+  padding: 2.5px 0;
 }
 
 .lp-archived p {
-    margin: 0 0 0;
+  margin: 0 0 0;
 }
 
 .lp-archived a {
-    border-bottom: 0.1px dotted rgb(200, 220, 200);
+  border-bottom: 0.1px dotted rgb(200, 220, 200);
 }
 
 .lp-archived a:hover, a:active, a:focus{
-    color: #602217;
+  color: #602217;
 }
 
 .lp-banner {
-  box-shadow: 0px 1px 5px rgba(255, 255, 255, 0.7);
+  /*box-shadow: 0px 1px 5px rgba(255, 255, 255, 0.7);*/
   margin-bottom: 20px;
   padding-bottom: 5px;
   border-bottom: 3px solid #C4A000;
   background-color: #2E3436;
-  color: #FFFFFF;
+  color: #ffffff;
 }
 
 .lp-banner a,
 .lp-banner .text-muted,
 #footer .text-muted {
-       color: #FFFFFF;
+  color: #ffffff;
 }
 
 .lp-signup {
@@ -704,6 +733,17 @@ hr {
   float: right;
 }
 
+.panel {
+  /* DEBUG */
+  background-color: rgba(55, 57, 58, 0.85);
+}
+
+.panel-default > .panel-heading {
+  /* DEBUG */
+  background-color: rgba(55, 57, 58, 0.85);
+  color: #e8e6e3!important;
+}
+
 #lp-panel-fixed {
   max-width: 32%;
   margin-left: 0.3em;
@@ -746,10 +786,14 @@ hr {
     list-style: none;
     padding-top: 0em;
   }
+
   .lp-home {
-    padding-top: 2.0em;
+    padding-top: 1.0em;
     padding-bottom: 1.0em;
+    /* background-color: rgba(55, 57, 58, 0.85);*/
+    outline-offset: -1rem;
   }
+
   .nav-padding-top {
     margin-top: 4.12em;
   }
@@ -763,11 +807,12 @@ hr {
   text-align: center;
   margin-bottom: 0.4em;
   border: none;
-  border-bottom: 2px solid #FFF;
   border-radius: 5px;
 }
 
-.nav > li > a {
+/* DEBUG */
+.nav > li > a,
+.lp-home a {
   position: relative;
   display: block;
   padding: 10px 15px;
@@ -798,12 +843,16 @@ hr {
 }
 
 .nav > li > a:hover,
-.nav > li > a:focus {
-  background-color:#dadada;
+.nav > li > a:focus,
+.lp-home a:hover,
+.lp-home a:focus {
+  background-color: rgb(55, 57, 58);
+  /*background-color: rgb(157, 128, 0);*/
   color: #C4A000;
 }
 
-.nav-pills > li > a {
+.nav-pills > li > a,
+.lp-home a {
   border-radius: 5px;
   color: #ffffff;
   border-bottom: none;
@@ -867,9 +916,9 @@ hr {
 }
 
 .navbar-collapse {
-    background-color: rgb(240, 240, 240);
+    background-color: rgba(55, 57, 58, 0.85);
     border-top: 1px solid transparent;
-    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
+    /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;*/
     overflow-x: visible;
     padding-left: 15px;
     padding-right: 15px;
@@ -878,13 +927,16 @@ hr {
 #lp-nav { margin-top: 66px; }
 
 #lp-nav .list-group-item ul {
-    padding: 1.3em;
+  padding: 1.3em;
 }
 
 #lp-nav .list-group-item li {
-    margin-bottom: 1em;
+  margin-bottom: 1em;
 }
 
+#lp-nav .list-group-item li a {
+  border-bottom: none;
+}
 
 /* Footer - adapted from <http://getbootstrap.com/examples/sticky-footer/>
 -------------------------------------------------- */
@@ -900,12 +952,19 @@ body {
   height: 100%;
   margin: 0 auto -60px;
   padding: 0 0 60px;
+
+
+  background-image: url(../img/tile-02.png);
+  background-color: rgba(55, 57, 58, 0.85);
+  background-position: top right;
+  background-repeat: repeat-y;
+  background-size: contain;
 }
 
 #footer {
   height: auto;
   border-top: 2px solid #dadada;
-  box-shadow: 0px 1px 9px rgba(255, 255, 255, 0.7);
+  /*box-shadow: 0px 1px 9px rgba(255, 255, 255, 0.7);*/
   background-color: #2E3436;
   margin-top: 1.5em;
 }
@@ -918,7 +977,7 @@ body {
 .irc-client {
     border:0;
     width:100%;
-    height:400px;
+    height:450px;
 }
 
 /* generated schedule and speakers list */
@@ -929,24 +988,26 @@ border-radius: 5px
 }
 
 #speakerlist .glyphicon-road{
-margin-top:10px
+  margin-top:10px
 }
 
 .talkblock .glyphicon-home{
-margin-left:10px
+  margin-top:10px
 }
 
+/* Colors for tracks */
 
-.lptrack1{background-color:#3fcc91;} /*licensing*/
-.lptrack2{background-color:#bcc2c8;} /*LP special*/
-.lptrack3{background-color:#e687c1;} /*community*/
-.lptrack4{background-color:#ff9556;} /*social context*/
-.lptrack5{background-color:#ff7979;} /*government*/
-.lptrack6{background-color:#c4a000;}
-.lptrack7{background-color:#00d6f9;} /*workshop*/
-.lptrack8{background-color:green;}
-.lptrack9{background-color:#91c1ff;} /*FS in practice*/
-.lptrack10{background-color:#ffdd28;} /*exploring fs concepts*/
+.lptrack1{background-color: #299b78;} /*licensing*/
+.lptrack2{background-color: #484e52;} /*LP special*/
+.lptrack3{background-color: #72184f;} /*community*/
+.lptrack4{background-color: #983900;} /*social context*/
+.lptrack5{background-color: #830000;} /*government*/
+.lptrack6{background-color: #01648a;} /*education*/
+.lptrack7{background-color: #00d6f9;} /*workshop*/
+.lptrack8{background-color: #006600;}
+.lptrack9{background-color: #003375;} /*FS in practice*/
+.lptrack10{background-color:#806c00;} /*exploring fs concepts*/
+.lptrack12{background-color:#181818;} /*keynote*/
 
 .view-id-lp_schedule_2020 .view-grouping-header{
   font-size: 25px;
@@ -958,12 +1019,13 @@ margin-left:10px
 .view-id-lp_schedule_2020 .col-1{
   width:33%
 }
+
 .view-id-lp_schedule_2020 .col-2{
   width:33%;
 }
-.speakerpic{
-border-radius: 10px
 
+.speakerpic{
+  border-radius: 10px
 }
 
 .talkblock{
@@ -973,17 +1035,16 @@ border-radius: 10px
   width:55%;
   text-align: justify;
   margin-bottom:40px;
-  background-color:#eee;
+  background-color: rgb(34, 36, 38);
   padding:4% 5% 4% 5%;
   border-radius: 20px;
-
 }
 
 .speakerblock{
   float:left;
   display: block;
   width:40%;
-  border-right:10px dotted #eee;
+  border-right:10px dotted #6e767a;
   padding-right:3%;
   text-align: justify;
   margin-bottom:40px;
@@ -994,9 +1055,9 @@ border-radius: 10px
 }
 
 .view-content hr{
- border:3px solid #c4a000;
+  border:3px solid #c4a000;
   border-radius: 3px;
-clear:both
+  clear:both
 }
 
 .speakerblock h2{
@@ -1028,28 +1089,29 @@ clear:both
 @media (max-width:600px) {
   
   .talkblock{
-  clear: both;
-  text-align: left;
-
-}
+    clear: both;
+    text-align: left;
+  }
 
-.speakerblock{
-  border-right:none;
-  text-align: left;
-  margin-bottom:40px;
+  .speakerblock{
+    border-right:none;
+    text-align: left;
+    margin-bottom:40px;
   }
- .speakerheader {
-  text-align: left;
-   
+
+  .speakerheader {
+    text-align: left;   
   }
+
   .speakerblock h2{
-  font-size:x-large;
-  text-align:left;
+    font-size:x-large;
+    text-align:left;
   }
+
   .speakerblock .speakerpic{
-  width: 100%;
-  display:inline-block;
-  max-width: 150px;
+    width: 100%;
+    display:inline-block;
+    max-width: 150px;
   }
 
 }
@@ -1059,12 +1121,12 @@ clear:both
   width:33%;
   vertical-align:top;
   padding:7px 10px 5px 10px;
-  background-color: #f5f5f5;
+  background-color: rgba(55, 57, 58, 0.85);
 }
 
 #program table .views-field-value{
   font-weight: bold;
-  color: #C4A000
+  color: rgb(255, 220, 67);
 }
 
 .view-grouping-header, #speakerlist .view-content h3{
@@ -1075,25 +1137,24 @@ clear:both
   margin:20px 0 20px 0;
   padding:5px 0 5px 15px;
   background-color: #602217;
-  color: white
-
+  color: white;
 }
 
 .lpcalendarlink {
-color:#C4A000;
-border:none;
+  color:#C4A000;
+  border:none;
 }
+
 .talkblockheader{
   font-weight: 500
 }
 
 #program h3, #speakerlist h3{
-clear:both
+  clear:both
 }
 
 #program table{
-width: 100%;
+  width: 100%;
 }
 
-
 /* END generated schedule and speakers list */

diff --git a/2021/includes/banner.html b/2021/includes/banner.html
index cb247d15ea6ae0c411e4bab4e4b3621007cf42a3..51537e1c1c3437bf0f95efbccaaa142d87394b4c 100644 (file)
--- a/2021/includes/banner.html
+++ b/2021/includes/banner.html
@@ -43,6 +43,8 @@
                </div> <!-- end of header container -->
       </div> <!-- end of lp banner -->
 
+      <img class="astronaut" src="/2021/assets/img/astronaut.png" alt="An astronaut floating above LibrePlanet.">
+
       <!-- start nav for small screens -->
       <nav class="navbar navbar-default visible-xs">
         <div class="container-fluid">