css: add lca2020 theme

Signed-off-by: Sean Cross <sean@xobs.io>
This commit is contained in:
Sean Cross 2020-01-03 11:56:56 +08:00
parent 2ab155531d
commit e73c4ea081
3 changed files with 467 additions and 0 deletions

View File

@ -0,0 +1,38 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 346 47" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
<rect x="0" y="0" width="345.6" height="46.8" style="fill:rgb(0,177,197);"/>
<g transform="matrix(1,0,0,1,9.94,-2.75265)">
<path d="M13.08,8.24L15.32,8.24L15.32,37L33.06,37L33.06,39L13.06,39L13.08,8.24Z" style="fill:white;fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,9.94,-2.75265)">
<rect x="38.82" y="8.24" width="2.25" height="30.81" style="fill:white;fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,9.94,-2.75265)">
<path d="M76.9,8.24L76.9,39.05L75.05,39.05L54.05,12.29L54.05,39.05L51.81,39.05L51.81,8.24L53.7,8.24L74.65,35L74.65,8.24L76.9,8.24Z" style="fill:white;fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,9.94,-2.75265)">
<path d="M90.61,35.88C88.45,33.62 87.37,30.32 87.37,25.98L87.37,8.24L89.62,8.24L89.62,25.89C89.62,29.67 90.48,32.51 92.21,34.38C93.94,36.25 96.45,37.2 99.74,37.2C103.03,37.2 105.49,36.26 107.22,34.38C108.95,32.5 109.82,29.67 109.82,25.89L109.82,8.24L112.07,8.24L112.07,26C112.07,30.34 110.983,33.64 108.81,35.9C106.637,38.16 103.6,39.283 99.7,39.27C95.79,39.27 92.77,38.14 90.61,35.88Z" style="fill:white;fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,9.94,-2.75265)">
<path d="M141.42,39.05L130.82,24.79L120.25,39.05L117.61,39.05L129.45,23.16L118.45,8.24L121.09,8.24L130.9,21.49L140.72,8.24L143.23,8.24L132.23,23.12L144.07,39.05L141.42,39.05Z" style="fill:white;fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,9.94,-2.75265)">
<path d="M154.12,37.25C151.743,35.939 149.765,34.006 148.4,31.66C146.997,29.23 146.274,26.466 146.31,23.66C146.274,20.854 146.996,18.09 148.4,15.66C149.755,13.288 151.734,11.33 154.12,10C156.624,8.638 159.44,7.948 162.29,8C164.392,7.978 166.481,8.344 168.45,9.08C170.274,9.761 171.916,10.852 173.25,12.27L171.84,13.72C169.317,11.266 165.897,9.947 162.38,10.07C159.935,10.049 157.525,10.655 155.38,11.83C153.297,12.957 151.566,14.64 150.38,16.69C149.167,18.796 148.542,21.19 148.57,23.62C148.541,26.054 149.166,28.451 150.38,30.56C151.566,32.61 153.297,34.293 155.38,35.42C157.525,36.595 159.935,37.201 162.38,37.18C165.905,37.292 169.326,35.954 171.84,33.48L173.25,35C171.905,36.419 170.258,37.516 168.43,38.21C166.469,38.952 164.387,39.325 162.29,39.31C159.434,39.343 156.618,38.633 154.12,37.25Z" style="fill:rgb(35,31,32);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,9.94,-2.75265)">
<path d="M242.08,8.24L242.08,39.05L240.24,39.05L219.24,12.29L219.24,39.05L217,39.05L217,8.24L218.89,8.24L239.89,35L239.89,8.24L242.08,8.24Z" style="fill:rgb(35,31,32);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,9.94,-2.75265)">
<path d="M255.07,10.26L255.07,23.42L271.49,23.42L271.49,25.42L255.07,25.42L255.07,39.02L252.83,39.02L252.83,8.24L273.42,8.24L273.42,10.24L255.07,10.26Z" style="fill:rgb(35,31,32);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,9.94,-2.75265)">
<path d="M298.16,30.38L280.29,30.38L276.37,39.05L274,39.05L288.12,8.24L290.37,8.24L304.54,39.05L302.12,39.05L298.16,30.38ZM297.32,28.49L289.22,10.7L281.17,28.49L297.32,28.49Z" style="fill:white;fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,9.94,-2.75265)">
<path d="M312.44,35.88C310.293,33.62 309.217,30.32 309.21,25.98L309.21,8.24L311.45,8.24L311.45,25.89C311.45,29.67 312.32,32.51 314.05,34.38C315.78,36.25 318.29,37.2 321.58,37.2C324.87,37.2 327.33,36.26 329.06,34.38C330.79,32.5 331.66,29.67 331.66,25.89L331.66,8.24L333.9,8.24L333.9,26C333.9,30.34 332.813,33.64 330.64,35.9C328.467,38.16 325.43,39.29 321.53,39.29C317.63,39.277 314.6,38.14 312.44,35.88Z" style="fill:white;fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,9.94,-2.75265)">
<path d="M197.94,8.24C195.312,7.555 192.548,7.593 189.94,8.35C188.373,8.805 186.885,9.5 185.53,10.41L187,11.92C188.043,11.289 189.167,10.801 190.34,10.47C192.6,9.828 194.991,9.811 197.26,10.42C202.004,11.767 205.723,15.486 207.07,20.23C207.684,22.498 207.667,24.891 207.02,27.15C206.35,29.504 205.074,31.643 203.32,33.35C201.606,35.103 199.466,36.381 197.11,37.06C194.847,37.718 192.446,37.742 190.17,37.13C185.427,35.785 181.71,32.065 180.37,27.32C179.75,25.046 179.77,22.643 180.43,20.38C180.763,19.188 181.265,18.05 181.92,17L180.41,15.49C179.519,16.855 178.844,18.349 178.41,19.92C177.656,22.529 177.625,25.295 178.32,27.92C179.037,30.621 180.471,33.078 182.47,35.03C184.425,37.031 186.886,38.465 189.59,39.18C192.215,39.875 194.981,39.844 197.59,39.09C200.334,38.291 202.824,36.795 204.82,34.75C206.869,32.758 208.37,30.271 209.18,27.53C209.94,24.923 209.978,22.157 209.29,19.53C208.562,16.816 207.114,14.349 205.1,12.39C203.13,10.389 200.656,8.955 197.94,8.24Z" style="fill:rgb(35,31,32);fill-rule:nonzero;"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.1 KiB

View File

@ -0,0 +1 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 345.6 46.8"><defs><style>.cls-1{fill:#00b1c5;}.cls-2{fill:#fff;}.cls-3{fill:#231f20;}</style></defs><title>linuxconfau</title><rect class="cls-1" width="345.6" height="46.8"/><path class="cls-2" d="M13.08,8.24h2.24V37H33.06v2h-20Z"/><path class="cls-2" d="M38.82,8.24h2.25V39.05H38.82Z"/><path class="cls-2" d="M76.9,8.24V39.05H75.05l-21-26.76V39.05H51.81V8.24H53.7L74.65,35V8.24Z"/><path class="cls-2" d="M90.61,35.88q-3.24-3.39-3.24-9.9V8.24h2.25V25.89c0,3.78.86,6.62,2.59,8.49s4.24,2.82,7.53,2.82,5.75-.94,7.48-2.82,2.6-4.71,2.6-8.49V8.24h2.25V26q0,6.51-3.26,9.9T99.7,39.27C95.79,39.27,92.77,38.14,90.61,35.88Z"/><path class="cls-2" d="M141.42,39.05l-10.6-14.26L120.25,39.05h-2.64l11.84-15.89-11-14.92h2.64l9.81,13.25,9.82-13.25h2.51l-11,14.88,11.84,15.93Z"/><path class="cls-3" d="M154.12,37.25a15,15,0,0,1-5.72-5.59,15.6,15.6,0,0,1-2.09-8,15.59,15.59,0,0,1,2.09-8A15,15,0,0,1,154.12,10a16.47,16.47,0,0,1,8.17-2,17.07,17.07,0,0,1,6.16,1.08,12.68,12.68,0,0,1,4.8,3.19l-1.41,1.45a12.92,12.92,0,0,0-9.46-3.65,14.32,14.32,0,0,0-7,1.76,12.83,12.83,0,0,0-5,4.86,13.57,13.57,0,0,0-1.81,6.93,13.58,13.58,0,0,0,1.81,6.94,12.83,12.83,0,0,0,5,4.86,14.32,14.32,0,0,0,7,1.76,12.9,12.9,0,0,0,9.46-3.7L173.25,35a13,13,0,0,1-4.82,3.21,17,17,0,0,1-6.14,1.1A16.47,16.47,0,0,1,154.12,37.25Z"/><path class="cls-3" d="M242.08,8.24V39.05h-1.84l-21-26.76V39.05H217V8.24h1.89l21,26.76V8.24Z"/><path class="cls-3" d="M255.07,10.26V23.42h16.42v2H255.07v13.6h-2.24V8.24h20.59v2Z"/><path class="cls-2" d="M298.16,30.38H280.29l-3.92,8.67H274L288.12,8.24h2.25l14.17,30.81h-2.42Zm-.84-1.89-8.1-17.79-8.05,17.79Z"/><path class="cls-2" d="M312.44,35.88q-3.22-3.39-3.23-9.9V8.24h2.24V25.89c0,3.78.87,6.62,2.6,8.49s4.24,2.82,7.53,2.82,5.75-.94,7.48-2.82,2.6-4.71,2.6-8.49V8.24h2.24V26q0,6.51-3.26,9.9t-9.11,3.39Q315.68,39.27,312.44,35.88Z"/><path class="cls-3" d="M197.94,8.24a15.06,15.06,0,0,0-8,.11,15.82,15.82,0,0,0-4.41,2.06L187,11.92a13.58,13.58,0,0,1,3.34-1.45,13,13,0,0,1,6.92-.05,14.24,14.24,0,0,1,9.81,9.81,12.9,12.9,0,0,1-.05,6.92,14,14,0,0,1-3.7,6.2,14.18,14.18,0,0,1-6.21,3.71,12.88,12.88,0,0,1-6.94.07,14.21,14.21,0,0,1-9.8-9.81,12.78,12.78,0,0,1,.06-6.94A13,13,0,0,1,181.92,17l-1.51-1.51a15.78,15.78,0,0,0-2,4.43,15,15,0,0,0-.09,8,15.49,15.49,0,0,0,4.15,7.11,15.48,15.48,0,0,0,7.12,4.15,15,15,0,0,0,8-.09,16.58,16.58,0,0,0,7.23-4.34,16.65,16.65,0,0,0,4.36-7.22,15,15,0,0,0,.11-8,15.6,15.6,0,0,0-4.19-7.14A15.63,15.63,0,0,0,197.94,8.24Z"/></svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

428
css/theme/lca2020.css Normal file
View File

@ -0,0 +1,428 @@
/**
* Black theme for reveal.js. This is the opposite of the 'white' theme.
*
* By Hakim El Hattab, http://hakim.se
*/
@import url(../../lib/font/space-mono/space-mono.css);
section.has-light-background,
section.has-light-background h1,
section.has-light-background h2,
section.has-light-background h3,
section.has-light-background h4,
section.has-light-background h5,
section.has-light-background h6 {
color: #222;
}
/*********************************************
* GLOBAL STYLES
*********************************************/
/* rgb(250, 166, 26); */
body {
background: #fff;
background-color: #fff;
}
.reveal .footer {
position: absolute;
bottom: 0em;
right: 0em;
padding-bottom: 1em;
padding-right: 1em;
text-align: right;
font-size: 0.5em;
width: 100%;
height: 68px;
background-image: url("lca2020-logo-cropped.svg");
background-repeat: no-repeat;
background-color: rgb(0, 177, 197);
display: flex;
justify-content: flex-end;
align-items: flex-end;
z-index: 1;
}
.reveal .footer .url {
position: absolute;
padding-bottom: 30px;
}
.reveal .footer .theme {
padding-right: 80px;
}
.reveal .footer .hashtag {
padding-right: 80px;
}
@media only screen and (max-width:800px) {
.reveal .footer .url {
display: none;
}
}
@media only screen and (max-width:550px) {
.reveal .footer {
background-image: none;
}
}
@media only screen and (max-width:750px) {
.reveal .footer .twitter {
display: none;
}
}
@media only screen and (max-width:1050px) {
.reveal .footer .theme {
display: none;
}
}
@media only screen and (max-width:1300px) {
.reveal .footer .hashtag {
display: none;
}
}
.reveal {
font-family: "Space Mono", Helvetica, sans-serif;
font-size: 42px;
font-weight: normal;
color: #212529;
}
::selection {
color: #212529;
background: #bee4fd;
text-shadow: none;
}
::-moz-selection {
color: #212529;
background: #bee4fd;
text-shadow: none;
}
.reveal .slides section,
.reveal .slides section>section {
line-height: 1.3;
font-weight: inherit;
}
/*********************************************
* HEADERS
*********************************************/
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0;
color: #212529;
font-family: "Montserrat", Helvetica, sans-serif;
font-weight: 300;
line-height: 1.2;
letter-spacing: normal;
/* text-transform: uppercase; */
/* text-shadow: 1px 1px 2px black; */
text-shadow: none;
word-wrap: break-word;
background-color: rgb(250, 166, 26);
width: 100%;
}
.reveal h1 {
font-size: 2.5em;
}
.reveal h2 {
font-size: 1.6em;
}
.reveal h3 {
font-size: 1.3em;
}
.reveal h4 {
font-size: 1em;
}
.reveal h1 {
text-shadow: none;
}
/*********************************************
* OTHER
*********************************************/
.reveal p {
margin: 20px 0;
line-height: 1.3;
}
/* Ensure certain elements are never larger than the slide itself */
.reveal img,
.reveal video,
.reveal iframe {
max-width: 95%;
max-height: 95%;
}
.reveal strong,
.reveal b {
font-weight: bold;
}
.reveal em {
font-style: italic;
}
.reveal ol,
.reveal dl,
.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em;
}
.reveal ol {
list-style-type: decimal;
}
.reveal ul {
list-style-type: disc;
}
.reveal ul ul {
list-style-type: square;
}
.reveal ul ul ul {
list-style-type: circle;
}
.reveal ul ul,
.reveal ul ol,
.reveal ol ol,
.reveal ol ul {
display: block;
margin-left: 40px;
}
.reveal dt {
font-weight: bold;
}
.reveal dd {
margin-left: 40px;
}
.reveal blockquote {
display: block;
position: relative;
width: 70%;
margin: 20px auto;
padding: 5px;
font-style: italic;
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.reveal blockquote p:first-child,
.reveal blockquote p:last-child {
display: inline-block;
}
.reveal q {
font-style: italic;
}
.reveal pre {
display: block;
position: relative;
width: 90%;
margin: 20px auto;
text-align: left;
font-size: 0.55em;
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
.reveal code {
font-family: monospace;
text-transform: none;
}
.reveal pre code {
display: block;
padding: 5px;
overflow: auto;
max-height: 400px;
word-wrap: normal;
}
.reveal table {
margin: auto;
border-collapse: collapse;
border-spacing: 0;
}
.reveal table th {
font-weight: bold;
}
.reveal table th,
.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid;
}
.reveal table th[align="center"],
.reveal table td[align="center"] {
text-align: center;
}
.reveal table th[align="right"],
.reveal table td[align="right"] {
text-align: right;
}
.reveal table tbody tr:last-child th,
.reveal table tbody tr:last-child td {
border-bottom: none;
}
.reveal sup {
vertical-align: super;
font-size: smaller;
}
.reveal sub {
vertical-align: sub;
font-size: smaller;
}
.reveal small {
display: inline-block;
font-size: 0.6em;
line-height: 1.2em;
vertical-align: top;
}
.reveal small * {
vertical-align: top;
}
/*********************************************
* LINKS
*********************************************/
.reveal a {
color: #190047;
text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
transition: color .15s ease;
}
.reveal a:hover {
color: #4205b4;
text-shadow: none;
border: none;
}
.reveal .roll span:after {
color: #fff;
background: #068de9;
}
/*********************************************
* IMAGES
*********************************************/
.reveal section img {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.reveal section img.plain {
border: 0;
box-shadow: none;
}
.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear;
}
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
border-color: #42affa;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
}
/*********************************************
* VIDEOS
*********************************************/
.reveal section video {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.reveal section video.plain {
border: 0;
box-shadow: none;
}
.reveal a video {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear;
}
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls {
color: #42affa;
}
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #42affa;
}
.reveal .progress span {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
}
/*********************************************
* PRINT BACKGROUND
*********************************************/
@media print {
.backgrounds {
background-color: #222;
}
}