theme: fill in some more fossasia theme

Signed-off-by: Sean Cross <sean@xobs.io>
This commit is contained in:
Sean Cross 2020-03-12 10:08:26 +08:00
parent b69e4f4e69
commit ab5a18c345
8 changed files with 250 additions and 89 deletions

View File

@ -43,15 +43,16 @@ body {
position: absolute; position: absolute;
bottom: 0em; bottom: 0em;
right: 0em; right: 0em;
padding-bottom: 1em; padding-bottom: 0.8em;
padding-right: 1em; padding-right: 1em;
text-align: right; text-align: right;
font-size: 0.5em; font-size: 0.8em;
width: 100%; width: 100%;
height: 68px; height: 68px;
background-image: url("lca2020-logo-cropped.svg"); background-image: url("lca2020-logo-cropped.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: rgb(0, 177, 197); background-color: #e12b00;
color: #fff;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
align-items: flex-end; align-items: flex-end;
@ -59,16 +60,22 @@ body {
} }
.reveal .footer .url { .reveal .footer .url {
position: absolute; padding-right: 50px;
padding-bottom: 30px; padding-left: 50px;
color: #4fdcff;
} }
.reveal .footer .theme { .reveal .footer .theme {
padding-right: 80px; padding-right: 50px;
} }
.reveal .footer .hashtag { .reveal .footer .hashtag {
padding-right: 80px; padding-left: 50px;
padding-right: 0;
}
.reveal .footer .twitter {
padding-left: 50px;
} }
@media only screen and (max-width:800px) { @media only screen and (max-width:800px) {
@ -95,7 +102,7 @@ body {
} }
} }
@media only screen and (max-width:1300px) { @media only screen and (max-width:1200px) {
.reveal .footer .hashtag { .reveal .footer .hashtag {
display: none; display: none;
} }
@ -105,11 +112,11 @@ body {
font-family: "IBM Plex Mono", "Space Mono", Helvetica, sans-serif; font-family: "IBM Plex Mono", "Space Mono", Helvetica, sans-serif;
font-size: 42pt; font-size: 42pt;
font-weight: normal; font-weight: normal;
color: #212529; color: #222;
} }
::selection { ::selection {
color: #212529; color: #aaa;
background: #bee4fd; background: #bee4fd;
text-shadow: none; text-shadow: none;
} }
@ -141,16 +148,17 @@ body {
.reveal h5, .reveal h5,
.reveal h6 { .reveal h6 {
margin: 0 0 20px 0; margin: 0 0 20px 0;
color: #212529; color: #fff;
font-family: "Brix Sans Medium Firefox", "Brix Sans Medium", "Montserrat", Helvetica, sans-serif; font-family: "Brix Sans Medium Firefox", "Brix Sans Medium", "Montserrat", Helvetica, sans-serif;
font-weight: 300; font-weight: 300;
line-height: 1.2; line-height: 1.2;
letter-spacing: normal; letter-spacing: normal;
/* text-transform: uppercase; */ /* text-transform: uppercase; */
/* text-shadow: 1px 1px 2px black; */ text-shadow: 1px 1px 2px black;
text-shadow: none; /* text-shadow: none; */
word-wrap: break-word; word-wrap: break-word;
background-color: rgb(250, 166, 26); background-color: #e12b00;
/* background-color: rgb(250, 166, 26); */
width: 100%; width: 100%;
} }
@ -171,7 +179,7 @@ body {
} }
.reveal h1 { .reveal h1 {
text-shadow: none; /* text-shadow: none; */
} }
/********************************************* /*********************************************

Binary file not shown.

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 225 KiB

After

Width:  |  Height:  |  Size: 64 KiB

155
img/Redox_logo_2015.svg Normal file
View File

@ -0,0 +1,155 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="175mm"
height="84mm"
viewBox="0 0 175 84"
version="1.1"
id="svg8"
inkscape:version="0.92.3 (2405546, 2018-03-11)"
sodipodi:docname="vectorized_logo.svg">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.3249068"
inkscape:cx="361.14099"
inkscape:cy="138.02854"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1600"
inkscape:window-height="841"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Electron shell"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-99.662509,-115)"
style="display:inline">
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.10236216;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m 152.45703,6.28125 c -84.169284,0 -152.45898313,68.289699 -152.45898313,152.45898 0,84.16929 68.28969913,152.45899 152.45898313,152.45899 57.13191,0 106.93817,-31.46977 133.04688,-78.00586 a 63.194441,63.194441 0 0 1 -7.56446,2.8457 c -25.94655,42.04459 -72.42587,70.0586 -125.48242,70.0586 -81.41174,0 -147.3574206,-65.94568 -147.3574206,-147.35743 0,-81.411737 65.9456806,-147.357418 147.3574206,-147.357418 69.28414,0 127.35583,47.766428 143.12305,112.175778 a 63.194441,63.194441 0 0 1 6.35547,5.08985 C 287.95488,58.880674 226.3251,6.28125 152.45703,6.28125 Z"
transform="matrix(0.26458333,0,0,0.26458333,99.662509,115)"
id="path3722"
inkscape:connector-curvature="0" />
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.10236216;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m 152.77344,43.443359 c -63.47165,0 -114.980471,51.506869 -114.980471,114.978521 0,63.47164 51.508821,114.98046 114.980471,114.98046 34.05436,0 64.65949,-14.83173 85.71875,-38.3789 A 63.194441,63.194441 0 0 1 233.48047,233 c -20.06911,21.70951 -48.78974,35.30273 -80.70703,35.30273 -60.714106,0 -109.878909,-49.16675 -109.878909,-109.88085 0,-60.714147 49.164803,-109.878911 109.878909,-109.878911 44.45121,0 82.70789,26.357253 100.01562,64.302731 a 63.194441,63.194441 0 0 1 5.38477,-0.40234 C 240.4231,71.840297 199.8988,43.443359 152.77344,43.443359 Z"
transform="matrix(0.26458333,0,0,0.26458333,99.662509,115)"
id="path3722-3"
inkscape:connector-curvature="0" />
<circle
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.45250136;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4547"
cx="140"
cy="197"
r="1.7737494" />
<circle
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.45250136;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4547-6"
cx="140"
cy="187"
r="1.7737494" />
<circle
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.45250136;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4547-7"
cx="140"
cy="127"
r="1.7737494" />
<circle
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.45250136;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4547-5"
cx="140"
cy="117"
r="1.7737494" />
<path
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.71024132;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 289.37695,231.33398 A 63.194441,63.194441 0 0 1 277,236.35156 a 6.7039346,6.7039346 0 0 0 6.38281,4.6836 6.7039346,6.7039346 0 0 0 6.70508,-6.70508 6.7039346,6.7039346 0 0 0 -0.71094,-2.9961 z"
transform="matrix(0.26458333,0,0,0.26458333,99.662509,115)"
id="path4547-7-3"
inkscape:connector-curvature="0" />
<circle
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.45250136;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4547-7-5"
cx="105.359"
cy="137"
r="1.7737494" />
<circle
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.45250136;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4547-7-6"
cx="174.64101"
cy="137"
r="1.7737494" />
<circle
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.45250136;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4547-7-2"
cx="105.359"
cy="177"
r="1.7737494" />
</g>
<g
inkscape:groupmode="layer"
id="layer2"
inkscape:label="Text"
style="display:inline;opacity:1">
<g
aria-label="Redox"
transform="matrix(1.190496,0,0,1.190496,111.10177,-18.88093)"
style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:5.13819456;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
id="flowRoot4590">
<path
d="m -58.548397,54.865248 q 0,0 8.281367,11.035312 0,0 -3.671927,0 0,0 -9.961078,-13.398627 4.765692,0 6.796971,-0.566414 4.277404,-1.269549 4.277404,-6.152431 0,-2.031278 -0.820324,-3.496143 -0.800793,-1.464864 -2.30472,-2.187531 -2.265657,-1.074233 -6.796971,-1.074233 h -4.160215 q 0,0 0,26.875379 0,0 -2.94926,0 0,0 0,-29.551198 0,0 7.30479,0 5.781332,0 8.496214,1.503927 2.070342,1.210955 3.144576,3.242233 1.093765,2.031279 1.093765,4.726629 0,3.9649 -2.246125,6.289152 -2.226594,2.30472 -6.484467,2.753945 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40.00056458px;font-family:Evolventa;-inkscape-font-specification:Evolventa;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;stroke:none;stroke-width:5.13819456;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
id="path5285"
inkscape:connector-curvature="0" />
<path
d="m -24.40729,55.939482 q 0,0 -19.785436,0 0.175784,3.242233 2.656288,5.50789 2.480504,2.246125 5.859457,2.246125 2.500036,0 4.609441,-1.367206 2.109404,-1.386739 3.027386,-3.632864 h 3.085981 q -1.210955,3.45708 -4.140683,5.605548 -2.929729,2.128936 -6.503998,2.128936 -2.382847,0 -4.531314,-0.89845 -2.148468,-0.89845 -3.691459,-2.441441 -1.54299,-1.54299 -2.44144,-3.691458 -0.898451,-2.148468 -0.898451,-4.531314 0,-3.125044 1.503928,-5.742269 1.503927,-2.617224 4.10162,-4.121152 2.597693,-1.503927 5.722737,-1.503927 3.242234,0 5.957116,1.601585 2.734413,1.601585 4.160215,4.35553 0.722666,1.386739 1.015639,2.851603 0.292973,1.445333 0.292973,3.632864 z M -44.1146,53.263663 h 16.758049 q -0.742198,-3.261765 -3.027386,-5.156323 -2.265657,-1.894558 -5.449296,-1.894558 -3.105512,0 -5.390701,1.953153 -2.285188,1.933621 -2.890666,5.097728 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40.00056458px;font-family:Evolventa;-inkscape-font-specification:Evolventa;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;stroke:none;stroke-width:5.13819456;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
id="path5287"
inkscape:connector-curvature="0" />
<path
d="m 2.0579299,36.349362 q 0,0 0,29.551198 0,0 -2.96879191,0 0,0 0,-3.9649 -1.69924269,2.382846 -3.65239529,3.437549 -1.9336211,1.054702 -4.6680346,1.054702 -3.3398911,0 -6.0743041,-1.484396 -2.714883,-1.484396 -4.277405,-4.10162 -1.562522,-2.617225 -1.562522,-5.820395 0,-3.242233 1.503928,-5.878989 1.523459,-2.636756 4.179746,-4.140684 2.675819,-1.503927 5.9571157,-1.503927 5.2539804,0 8.59387129,4.003963 V 36.349362 Z m -11.7579785,9.86342 q -3.5156744,0 -5.9766464,2.55863 -2.460973,2.539098 -2.460973,6.171962 0,3.691458 2.539099,6.230557 2.55863,2.519566 6.2891509,2.519566 3.5156747,0 6.01571,-2.578161 2.50003524,-2.578161 2.50003524,-6.211025 0,-3.632864 -2.57816134,-6.152431 -2.5781614,-2.539098 -6.3282144,-2.539098 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40.00056458px;font-family:Evolventa;-inkscape-font-specification:Evolventa;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;stroke:none;stroke-width:5.13819456;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
id="path5289"
inkscape:connector-curvature="0" />
<path
d="m 17.878468,43.4979 q 3.183638,0 5.742268,1.503927 2.578162,1.484396 4.023495,4.121152 1.464864,2.636756 1.464864,5.898521 0,4.921945 -3.164107,8.164178 -3.164107,3.242233 -7.988394,3.242233 -3.300828,0 -5.976647,-1.484396 -2.675819,-1.484396 -4.199278,-4.10162 -1.5039275,-2.617225 -1.5039275,-5.859458 0,-4.980539 3.2812963,-8.222772 Q 12.839334,43.4979 17.878468,43.4979 Z m -0.234379,2.714882 q -3.5938,0 -5.976646,2.519567 -2.3828466,2.500035 -2.3828466,6.289151 0,3.750053 2.4414406,6.211025 2.441441,2.460972 6.152431,2.460972 3.613332,0 5.918052,-2.421909 2.324252,-2.44144 2.324252,-6.211025 0,-3.867242 -2.382847,-6.347746 -2.382846,-2.500035 -6.093836,-2.500035 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40.00056458px;font-family:Evolventa;-inkscape-font-specification:Evolventa;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;stroke:none;stroke-width:5.13819456;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
id="path5291"
inkscape:connector-curvature="0" />
<path
d="m 30.378636,65.90056 q 0,0 7.617295,-11.152501 0,0 -7.617295,-10.722808 0,0 3.359422,0 0,0 5.937584,8.437619 0,0 5.878989,-8.437619 0,0 3.398486,0 0,0 -7.656359,10.722808 0,0 7.656359,11.152501 0,0 -3.398486,0 0,0 -5.878989,-8.769655 0,0 -5.937584,8.769655 0,0 -3.359422,0 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40.00056458px;font-family:Evolventa;-inkscape-font-specification:Evolventa;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;stroke:none;stroke-width:5.13819456;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
id="path5293"
inkscape:connector-curvature="0" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 68 KiB

After

Width:  |  Height:  |  Size: 62 KiB

BIN
img/tire_photo.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 143 KiB

49
img/tockos.svg Normal file
View File

@ -0,0 +1,49 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 413.9 114.7" style="enable-background:new 0 0 413.9 114.7;" xml:space="preserve" height="63px">
<style type="text/css">
.st0{fill:#4BA2DA;}
.st1{clip-path:url(#XMLID_19_);}
.st2{clip-path:url(#XMLID_20_);fill:none;stroke:#4BA2D9;stroke-width:2;stroke-miterlimit:10;}
</style>
<g id="XMLID_1_">
<path id="XMLID_11_" class="st0" d="M31.8,11.1h-11c-1.9,0-3.5,0.1-5,0.2c-1.5,0.1-2.6,0.3-3.4,0.5c-1,0.2-1.7,0.3-2.2,0.4 c-0.5,0-0.9,0.1-1.2,0.1c-1.3,0-2.3-0.3-2.9-0.8c-0.6-0.6-0.9-1.3-0.9-2.1c0-0.5,0.1-0.9,0.3-1.4c0.2-0.4,0.6-0.8,1.1-1.1 C7.3,6.5,8.1,6.3,9,6.1c1-0.2,2.1-0.3,3.6-0.3h65.3c2,0,3.6-0.1,5.1-0.2c1.4-0.1,2.6-0.3,3.5-0.4c0.9-0.2,1.6-0.3,2.1-0.3 c0.5,0,0.9,0,1.2,0c1.3,0,2.2,0.3,2.8,0.8c0.6,0.5,0.9,1.2,0.9,2.1c0,0.5-0.1,0.9-0.3,1.4c-0.2,0.4-0.6,0.8-1.1,1.1 c-0.5,0.3-1.3,0.5-2.2,0.7c-0.9,0.2-2.1,0.3-3.5,0.3h-17v98.4H31.8V11.1z"/>
</g>
<g id="XMLID_9_">
<path id="XMLID_3_" class="st0" d="M202.2,66.8c-2.7,0-5.2-0.4-7.3-1.1c-2.1-0.8-3.9-1.8-5.3-3.2c-1.4-1.4-2.5-3.1-3.3-5 c-0.8-2-1.1-4.1-1.1-6.4c0-2,0.4-3.8,1.3-5.6c0.9-1.8,2.1-3.4,3.6-4.7c1.5-1.4,3.4-2.5,5.5-3.3s4.5-1.2,7-1.2 c2.7,0,5.1,0.5,7.2,1.4c2.1,0.9,3.9,2.1,5.3,3.7c1.4,1.5,2.5,3.2,3.3,5.1s1.1,3.8,1.1,5.7c0,2.1-0.4,4-1.3,5.7 c-0.9,1.8-2.1,3.3-3.7,4.7c-1.6,1.3-3.4,2.4-5.5,3.1C206.9,66.4,204.6,66.8,202.2,66.8z M185.2,94.8c0-2,0.4-3.8,1.3-5.6 c0.9-1.8,2.1-3.4,3.6-4.7c1.5-1.4,3.4-2.5,5.5-3.3s4.5-1.2,7-1.2c2.7,0,5.1,0.5,7.2,1.4c2.1,0.9,3.9,2.1,5.3,3.7 c1.4,1.5,2.5,3.2,3.3,5.1s1.1,3.8,1.1,5.7c0,2.1-0.4,4-1.3,5.7c-0.9,1.8-2.1,3.3-3.7,4.7c-1.6,1.3-3.4,2.4-5.5,3.1 c-2.1,0.8-4.4,1.2-6.8,1.2c-2.7,0-5.2-0.4-7.3-1.1c-2.1-0.8-3.9-1.8-5.3-3.2c-1.4-1.4-2.5-3.1-3.3-5 C185.6,99.3,185.2,97.2,185.2,94.8z"/>
<path id="XMLID_6_" class="st0" d="M234.2,69.4c0-5.8,1.1-11.1,3.3-16c2.2-4.9,5.2-9,9.1-12.6s8.5-6.2,13.7-8.2 c5.3-2,11-2.9,17.1-2.9c3.2,0,6.6,0.4,10.1,1.1c3.5,0.7,7,1.8,10.3,3.3c2.1,0.9,3.8,1.9,5.3,2.9c1.5,1.1,2.2,2.3,2.2,3.7 c0,1-0.3,1.7-0.8,2.2c-0.6,0.5-1.2,0.8-1.9,0.8c-0.6,0-1.2-0.1-1.8-0.4c-0.6-0.3-1.3-0.7-2.1-1.3c-1-0.9-2.1-1.8-3.3-2.5 c-1.2-0.7-2.5-1.4-4-1.9c-2.3-0.9-4.6-1.5-6.9-2c-2.2-0.4-4.9-0.7-7.8-0.7c-1.3,0-2.4,0-3.5,0.1c-1.1,0.1-2.1,0.2-3,0.4v68.9 c1.3,0.2,2.5,0.4,3.8,0.5c1.3,0.1,2.4,0.1,3.3,0.1c2.2,0,4.4-0.2,6.6-0.5c2.2-0.4,4.2-0.9,6.2-1.6c2-0.7,3.8-1.5,5.5-2.4 c1.7-0.9,3.2-2,4.5-3.1c1-0.9,1.8-1.5,2.5-1.8c0.6-0.3,1.3-0.5,2.1-0.5c0.4,0,0.9,0.2,1.4,0.6c0.5,0.4,0.8,1,0.8,1.9 c0,0.9-0.4,1.8-1.1,2.7c-0.7,0.9-1.9,2-3.5,3.2c-3.8,2.5-7.7,4.3-11.8,5.4s-8.6,1.6-13.6,1.6c-6.4,0-12.3-1-17.6-3 s-9.8-4.9-13.5-8.5s-6.6-8-8.6-13.1C235.3,80.9,234.2,75.4,234.2,69.4z"/>
<path id="XMLID_8_" class="st0" d="M323.6,5.6h31.5v55.9l30.8-22.3c1.4-1.1,2.7-2.1,3.9-3.2c1.2-1.1,2.4-2.2,3.5-3.5 c1.5-1.8,3-2.7,4.5-2.7c0.9,0,1.6,0.3,2.1,0.8c0.5,0.5,0.7,1.2,0.7,1.9c0,0.4-0.1,0.9-0.3,1.4c-0.2,0.5-0.5,1-1.1,1.6 c-0.5,0.6-1.3,1.3-2.2,2.1c-1,0.8-2.2,1.8-3.8,2.9l-13.8,10.6l27,58.3h-32.7l-18.7-41.3v41.3h-31.5V5.6z"/>
</g>
<g id="XMLID_75_">
<g id="XMLID_76_">
<defs>
<rect id="XMLID_77_" x="81.2" y="22.8" width="90" height="89.4"/>
</defs>
<clipPath id="XMLID_19_">
<use xlink:href="#XMLID_77_" style="overflow:visible;"/>
</clipPath>
<g id="XMLID_78_" class="st1">
<defs>
<rect id="XMLID_79_" x="81.2" y="22.8" width="90" height="89.4"/>
</defs>
<clipPath id="XMLID_20_">
<use xlink:href="#XMLID_79_" style="overflow:visible;"/>
</clipPath>
<path id="XMLID_81_" class="st2" d="M128.1,26.4c-0.4,0-0.8,0-1.3,0c-0.5,0-1.1,0-1.6,0v3v3.4h2.8v-3.4 c20.6,0.7,37.1,17.6,37.1,38.3c0,21.2-17.2,38.3-38.3,38.3c-21.2,0-38.3-17.2-38.3-38.3c0-7.9,2.4-15.2,6.5-21.3l-2.5-1.6 c-4.4,6.6-6.9,14.4-6.9,22.9c0,22.8,18.5,41.3,41.3,41.3c9.1,0,17.4-2.9,24.3-7.9c10.3-7.5,17.1-19.7,17.1-33.5 C168.1,45.3,150.3,27,128.1,26.4"/>
<polygon id="XMLID_80_" class="st2" points="128.1,36 125.2,36 125.2,66.5 128.1,66.5 "/>
</g>
</g>
</g>
<g id="XMLID_2_">
</g>
<g id="XMLID_13_">
</g>
<g id="XMLID_14_">
</g>
<g id="XMLID_15_">
</g>
<g id="XMLID_16_">
</g>
<g id="XMLID_17_">
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@ -39,9 +39,10 @@
<!-- Start of main presentation --> <!-- Start of main presentation -->
<div class="reveal"> <div class="reveal">
<div class="footer"> <div class="footer">
<span class="theme">FOSSASIA Summit 2020</span>
<a class="url" href="https://p.xobs.io/fa20-bt/">p.xobs.io/fa20-bt</a> <a class="url" href="https://p.xobs.io/fa20-bt/">p.xobs.io/fa20-bt</a>
<span class="theme">Whos Watching</span><span class="hashtag"> | #LCA2020</span><span class="twitter"> | <span class="hashtag">#fossasia</span>
@linuxconfau</span> <!-- <span class="twitter">@fossasia</span> -->
</div> </div>
<div class="commentary"></div> <div class="commentary"></div>
<div class="slides"> <div class="slides">
@ -62,15 +63,19 @@
<section> <section>
<section> <section>
<h2>Xous: Why another kernel?</h2> <h2>Xous: A Betrusted OS</h2>
<img data-src="img/tire_photo.jpg" class="fragment">
<aside class="notes"> <aside class="notes">
A big question that gets asked is -- why another kernel? Why don't we just A big question that gets asked is -- why another kernel? Why don't we just
put Linux on it and be done with it? Or something else like Minix, TockOS, put Linux on it and be done with it? Or something else like Minix, TockOS,
or FreeRTOS? or FreeRTOS?
Much like this tire here, which is innovative in that it is airless, by
developing our own operating system we can achieve these goals, in addition
to creating some interesting new technology.
</aside> </aside>
</section> </section>
<section> <section>
<h2>Betrusted Goals</h2> <h2>Betrusted Goals</h2>
<ol style="width: 100%;"> <ol style="width: 100%;">
@ -155,7 +160,7 @@
<h2>Felix' Rule of Thumb</h2> <h2>Felix' Rule of Thumb</h2>
<table> <table>
<tr> <tr>
<td style="width: 400px;"> <td style="width: 380px;">
<img data-src="img/Cthulhu_sketch_by_Lovecraft.jpg"> <img data-src="img/Cthulhu_sketch_by_Lovecraft.jpg">
</td> </td>
<td> <td>
@ -180,7 +185,7 @@
<table width="100%"> <table width="100%">
<tr> <tr>
<td style="text-align: right"> <td style="text-align: right">
<img width="80%" class="fragment" <img width="75%" class="fragment"
data-src="img/Rust_programming_language_black_logo.svg"> data-src="img/Rust_programming_language_black_logo.svg">
</td> </td>
<td valign="top" width="50%"> <td valign="top" width="50%">
@ -227,7 +232,7 @@
<table> <table>
<tr> <tr>
<td colspan="2" style="text-align: center;"> <td colspan="2" style="text-align: center;">
<img height="250px" data-src="img/os/tockos.svg"> <img height="250px" data-src="img/tockos.svg">
</td> </td>
</tr> </tr>
<tr style="font-size: 24pt"> <tr style="font-size: 24pt">
@ -269,7 +274,7 @@
<table> <table>
<tr> <tr>
<td colspan="2" style="text-align: center;"> <td colspan="2" style="text-align: center;">
<img height="250px" data-src="img/os/Redox_logo_2015.svg"> <img height="250px" data-src="img/Redox_logo_2015.svg">
</td> </td>
</tr> </tr>
<tr style="font-size: 24pt"> <tr style="font-size: 24pt">
@ -369,35 +374,6 @@
</section> </section>
<section> <section>
<h2>Betrusted Goals</h2>
<ul>
<li>&lt;=4 MB RAM</li>
<li>Process Isolation</li>
<li>Safe language</li>
<li class="fragment">Microkernel</li>
</ul>
<aside class="notes">
With Betrusted, we wanted to reduce the code footprint. This will allow
us to run with less RAM -- ideally 4 MB or less. We also wanted to have
a full MMU, which is somewhat unusual in the embedded microcontroller
space, where a more limited Memory Protection Unit is preferred.
We would like to have full process isolation, so even if one process is
compromised, attackers will have a harder time boring through the system
to gain a more complete takeover.
Therefore, we would like Betrusted to run a Microkernel-style operating
system, with "servers" that provide features such as the display,
keyboard, and even basic task switching. These should all run in
userspace with the bare minimum permissions required to get the job done.
Finally, we would like to have the operating system written in a safe
systems language.
</aside>
</section>
<section>
<section> <section>
<h2 style="margin-top: 25%;">Xous: System Design</h2> <h2 style="margin-top: 25%;">Xous: System Design</h2>
<aside class="notes"> <aside class="notes">
@ -425,11 +401,10 @@
</ul> </ul>
</li> </li>
</ul> </ul>
<a style="margin-top: auto; font-size: 12pt;"
href="https://www.flickr.com/people/9337414@N05">Image CC-BY Tammy</a>
</td> </td>
</tr> </tr>
</table> </table>
<a style="font-size: 12pt;" href="https://www.flickr.com/people/9337414@N05">Image CC-BY Tammy</a>
<aside class="notes"> <aside class="notes">
Xous will base its memory model on the Rust borrow checker. That is, Xous will base its memory model on the Rust borrow checker. That is,
shared memory will be used for IPC. If one process wishes to get a shared memory will be used for IPC. If one process wishes to get a
@ -544,43 +519,17 @@
</section> </section>
</section> </section>
<section data-background-image="img/sw/renode.png"> <section>
<table style="width:100%"> <section>
<tr> <h2>Developing Xous</h2>
<td width="33%" valign="top"> <aside class="notes">
<img class="fragment" data-src="img/os/betrusted.gif" height="100%"> Xous is developed using Renode, which is an amazing
</td> emulation platform. It's cross-platform, and is very
<td width="10%" align="center"> easy to get started with.
&nbsp; </aside>
</td>
<td width="53%" align="center">
<br />
<br />
<br />
<br />
<ul class="boldblue white50bg">
<li class="fragment">CI</li>
<li class="fragment">Simulation</li>
<li class="fragment">On Target</li>
<li class="fragment">UI Robot</li>
</ul>
</td>
</tr>
</table>
<aside class="notes">
We plan to support Continuous Integration using Renode<br />
<br />
*.cs (defines simulated hardware)<br />
LiteX -> Lxsocdoc -> SVD -> Renode (annotations register access)<br />
Rust -> ELF (software) <br />
*.repl (defines renode platform, loads *.cs, *.svd, ELF)<br />
*.resc (defines renode script - orchestrates everything)<br />
And, as a following pipeline step, running on prototype hardware <br /> </section>
Ideally with automated UI testing<br>
</aside>
</section> </section>
</div> </div>
</div> <!-- class="reveal" --> </div> <!-- class="reveal" -->
<!-- End of main presentation --> <!-- End of main presentation -->