From: Michael McMahon <michael@fsf.org>
Date: Thu, 18 Mar 2021 16:00:52 +0000 (-0400)
Subject: Upload CSS and astronaut
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=0289a7cb590cb54e240bb3fbf4dbac05e644a7b3;p=libreplanet-static.git
Upload CSS and astronaut
---
diff --git a/2021/assets/css/custom.css b/2021/assets/css/custom.css
index 97c69560..6cd32533 100644
--- 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 cb247d15..51537e1c 100644
--- 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">