[NEW] Welcome: New landing page

This commit is contained in:
Andrew Rogers 2023-10-20 04:53:31 -05:00
commit b265aab5fc
5 changed files with 536 additions and 0 deletions

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 21 KiB

243
index.indicator.html Normal file

File diff suppressed because one or more lines are too long

6
index.tail.html Normal file
View file

@ -0,0 +1,6 @@
<div class="fc">
<img src="andrea0s-plain-noextfonts.svg" />
</div>
</body>
</html>

10
indexhead.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Welcome | Andrea OS</title>
<link rel="stylesheet" href="page.css" />
</head>
<body>
<div class="black" />

134
page.css Normal file
View file

@ -0,0 +1,134 @@
body {
background-color: #616db8;
margin: 0px;
}
.black {
width: 100%;
margin: 0px;
position: sticky;
height: 30pt;
float: none;
background-color: #000000;
}
.fc {
display: flex;
justify-content: center;
align-items: center;
height: 75%;
margin-top: 5%;
}
.fc > img {
width: 50%;
height: 100%;
}
.window {
margin-top: 5%;
margin-left: 2%;
margin-right: 2%;
justify-content: center;
}
.content-flexbox {
display: flex;
margin: 0px;
background-color: #000000;
}
.content-border-left {
width: 6.8pt;
margin: 0px;
}
.inner {
width: 100%;
height: 100%;
font-family: Ebrima;
margin: 0.7pt;
padding: 2%;
background-color: #ffffff;
}
.content-border-right {
width: 8.1pt;
margin: 0px;
}
.title-flexbar {
display: flex;
margin: 0px;
height: 30pt;
background-color: #cdcbcd;
}
.titlebar-left {
width: 6.8pt;
margin: 0px;
}
.titlebar-right {
width: 8.1pt;
margin: 0px;
background-color: #616db8;
}
.bottombar-flexbox {
display: flex;
height: 9.5pt;
margin: 0px;
}
.bottombar-left {
background-color: #616db8;
}
.bottombar-middle {
flex-grow: 1;
}
.bottombar-right {
width: 6.8pt;
background-color: #616db8;
}
.flexbar {
background-color: #dedddf;
display: flex;
justify-content: center;
margin: 0px;
height: 30pt;
}
.left-menu {
width: 191pt;
height: 100%;
margin: 0px;
}
.middle {
flex-grow: 1;
margin: 0px;
}
.welcome-right-menu {
width: 118pt;
height: 100%;
margin: 0px;
}
.blog-right-menu {
width: 73.6pt;
height: 100%;
margin: 0px;
}
.resume-right-menu {
width: 95.5pt;
height: 100%;
margin: 0px;
}
@font-face {
font-family: Ebrima;
src: url(ebrimabd.ttf);
}