rename dist to docs

This commit is contained in:
Xevion
2020-08-14 22:52:17 -05:00
parent dcef264ec4
commit cc960de693
11 changed files with 63 additions and 38 deletions

View File

@@ -0,0 +1 @@
@import url(https://fonts.googleapis.com/css2?family=Exo+2:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap);.jumbotron{color:#edf0f6}.jumbotron p{font-size:1.3em}abbr{-webkit-text-decoration-color:hsla(0,0%,100%,.5)!important;text-decoration-color:hsla(0,0%,100%,.5)!important}.bg-black,.navbar{background-color:#161616;color:#edf0f6}.jumbotron h1{font-size:2.1em}.carousel-caption{bottom:-10px;width:100%;background-size:cover;background-color:rgba(0,0,0,.45);padding-top:1rem;left:0}a{text-align:center}a:hover{color:#b0b0b0}.exo-2,.jumbotron h1{font-family:Exo\ 2,sans-serif}.jumbotron p,.open-sans{font-family:Open Sans,sans-serif}.nav-link,.navbar-brand{font-size:1.2em;color:#edf0f6}body,html{background-color:#161616;color:#edf0f6;max-width:100%;overflow-x:hidden;font-size:1em}

View File

File diff suppressed because one or more lines are too long

BIN
docs/favicon.ico Normal file
View File

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

View File

Binary file not shown.

After

Width:  |  Height:  |  Size: 223 KiB

194
docs/index.html Normal file
View File

@@ -0,0 +1,194 @@
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/favicon.ico><title>History of Robotics - Spirit & Sojourner</title><style>@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@700&display=swap');
/* Shamelessly stolen from Tim Hazledine */
/* Source: https://codepen.io/tomhazledine/pen/dvKZLg */
.logo {
position: fixed;
width: 10em;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.swoosh {
display: block;
position: absolute;
}
.swoosh-1 {
top: 3.5em;
width: 5em;
height: 3em;
border-top: 0.5em solid #ee2c3e;
border-top-left-radius: 10em 2em;
z-index: 3;
transform: rotate(-10deg);
}
.swoosh-2 {
top: -.3em;
left: 4em;
width: 6em;
height: 3em;
border-bottom: 0.5em solid #ee2c3e;
border-bottom-right-radius: 10em 4em;
z-index: 1;
transform: rotate(-10deg);
}
.swoosh-3 {
top: .8em;
left: 5em;
width: 5em;
height: 2em;
transform: rotate(-30deg);
border-bottom: 0.2em solid #ee2c3e;
border-bottom-right-radius: 10em 2em;
z-index: 5;
}
.swoosh-4 {
top: 4.7em;
left: 2em;
width: 6em;
height: 4em;
border-top: 0.2em solid #ee2c3e;
border-top-left-radius: 10em 3em;
z-index: 5;
transform: rotate(-30deg);
}
.text {
position: absolute;
z-index: 4;
top: 35px;
left: 50%;
transform: translateX(-50%);
width: 20em;
text-align: center;
display: block;
color: #ffffff;
line-height: .8;
font-size: 47px;
}
.orbit-outer {
position: relative;
width: 8em;
height: 8em;
margin-left: 0;
perspective: 10em;
transform: rotate(45deg);
z-index: 2;
}
.orbit-wrapper {
font-size: 2em;
margin: 0 auto;
transform: rotateX(-60deg) translateZ(0);
transform-style: preserve-3d;
width: 4em;
height: 4em;
}
.orbit {
width: 4em;
height: 4em;
border-radius: 50%;
border: .1rem solid white;
border-left-width: 0;
position: relative;
animation: spin 2s infinite linear;
}
.orbit:after {
content: "";
display: block;
position: absolute;
top: 0;
left: -.05rem;
border-radius: 2em 0 0 0;
border-left: .4rem solid white;
width: 2em;
height: 2em;
transform: rotate(15deg);
transform-origin: 100% 100%;
}
.orbit:before {
content: "";
display: block;
position: absolute;
bottom: 2.3em;
left: 0;
background: white;
transform: rotate(15deg);
width: .5rem;
height: .8rem;
border-radius: 50%;
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(-360deg);
}
}
.stars {
position: absolute;
top: 0;
left: 9em;
font-size: .2em;
width: .5em;
height: .5em;
background: white;
border-radius: 50%;
box-shadow: white 2em 0 0 -.1em, white 1em 1em 0 -.1em, white 1.4em -1em 0 -.2em, white -1em -.3em 0 -.1em, white -.1em 1.2em 0 -.2em, white -2em 1.5em 0 -.2em, white .5em 1.8em 0 -.1em, white 1em 2em 0 -.2em, white 2em 2.5em 0 -.2em, white 2.3em 2.1em 0 -.2em;
}
.stars.stars-2 {
top: 11em;
left: 12em;
transform: rotate(-40deg);
}
.stars.stars-3 {
top: 9em;
left: 0;
transform: rotate(45deg);
}
#loader {
z-index: 100;
background: #1a1a1a;
padding: 0;
font-family: 'Exo 2', sans-serif;
text-transform: uppercase;
overflow: hidden;
min-height: calc(100vh - 60px);
}
body, html {
font-size: 15px;
background: #edf0f6;
margin: 0;
width: 100vw;
height: 100vh;
}
#app, #loader {
margin: 0;
width: 100%;
height: 100%;
}
h1 {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}</style><link href=/css/app.46a3a532.css rel=preload as=style><link href=/css/chunk-vendors.db58f2bd.css rel=preload as=style><link href=/js/app.3fa0ac85.js rel=preload as=script><link href=/js/chunk-vendors.79cd4aa9.js rel=preload as=script><link href=/css/chunk-vendors.db58f2bd.css rel=stylesheet><link href=/css/app.46a3a532.css rel=stylesheet></head><body><noscript><strong>We're sorry but history-of-robotics doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app><div id=loader><div class=logo><div class="stars stars-1"></div><div class="stars stars-2"></div><div class="stars stars-3"></div><div class=swooshes><span class="swoosh swoosh-1"></span> <span class="swoosh swoosh-2"></span> <span class="swoosh swoosh-3"></span> <span class="swoosh swoosh-4"></span></div><h1 class=text>nasa</h1><div class=orbit-outer><div class=orbit-wrapper><div class=orbit></div></div></div></div></div></div><script src=/js/chunk-vendors.79cd4aa9.js></script><script src=/js/app.3fa0ac85.js></script></body></html>

2
docs/js/app.3fa0ac85.js Normal file
View File

File diff suppressed because one or more lines are too long

View File

File diff suppressed because one or more lines are too long

View File

File diff suppressed because one or more lines are too long

View File

File diff suppressed because one or more lines are too long