skylab
/
enp.one
Archived
2
0
Fork 0
Code Issues Pull Requests Releases Activity

Update branding to use new skylab naming and colors

This commit is contained in:
Ethan Paul 2023-04-14 13:32:37 -04:00
parent accd0ca0f6
commit abc7e2cadc
Signed by: enpaul
GPG Key ID: DAF443CA3A2FA6FA
2 changed files with 12 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
css/style.css
View File

@ -54,50 +54,43 @@
.arc-0 { .arc-0 {
width:250px; /* Gap between arcs is 20px */ width:250px; /* Gap between arcs is 20px */
height:250px; height:250px;
border-right-color: white; border-right-color: #1c70d8;
/* border-left-color: white; */
margin: 5px; /* Margin is equal to half of the difference between the arc's diameter and the container width */ margin: 5px; /* Margin is equal to half of the difference between the arc's diameter and the container width */
} }
.arc-1 { .arc-1 {
width:230px; width:230px;
height:230px; height:230px;
border-left-color: white; border-left-color: #1c70d8;
/* border-right-color: white; */
margin: 15px; margin: 15px;
} }
.arc-2 { .arc-2 {
width:210px; width:210px;
height:210px; height:210px;
border-left-color: white; border-left-color: #1c70d8;
/* border-right-color: white; */
margin: 25px; margin: 25px;
} }
.arc-3 { .arc-3 {
width:190px; width:190px;
height:190px; height:190px;
border-right-color: white; border-right-color: #1c70d8;
/* border-left-color: white; */
margin: 35px; margin: 35px;
} }
.arc-4 { .arc-4 {
width:170px; width:170px;
height:170px; height:170px;
border-top-color: white; border-top-color: #1c70d8;
/* border-bottom-color: white; */
margin: 45px; margin: 45px;
} }
.arc-5 { .arc-5 {
width:150px; width:150px;
height:150px; height:150px;
border-top-color: white; border-top-color: #1c70d8;
/* border-bottom-color: white; */
margin: 55px; margin: 55px;
} }
.arc-6 { .arc-6 {
width:130px; width:130px;
height:130px; height:130px;
border-bottom-color: white; border-bottom-color: #1c70d8;
/* border-top-color: white; */
margin: 65px; margin: 65px;
} }
footer { footer {

10
index.html
View File

@ -8,17 +8,17 @@
<meta name="keywords" content="enpaul, network, operations, networking, plex, media, server, adds, active, directory, wpi, worcester, polytechnic, institute, boston, mechanical, engineering, solidworks, home, lab, homelab, solid, works, autocad, cad, domain, windows, server, omnipod, open, omni, diy, pancreas, t1d, type, one, diabetes, diabetic"/> <meta name="keywords" content="enpaul, network, operations, networking, plex, media, server, adds, active, directory, wpi, worcester, polytechnic, institute, boston, mechanical, engineering, solidworks, home, lab, homelab, solid, works, autocad, cad, domain, windows, server, omnipod, open, omni, diy, pancreas, t1d, type, one, diabetes, diabetic"/>
<title>SkyLab</title> <title>SkyLab</title>
<link rel="shortcut icon" href="https://cdn.enp.one/img/logos/e-b-sm.png"> <link rel="shortcut icon" href="https://cdn.enp.one/img/logos/skylab/satellite.svg">
<link rel="apple-touch-icon" sizes="180x180" href="https://cdn.enp.one/img/logos/e-b-sm.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.enp.one/img/logos/skylab/satellite.svg">
<link rel="icon" type="image/png" href="https://cdn.enp.one/img/logos/e-b-sm.png" sizes="32x32"> <link rel="icon" type="image/png" href="https://cdn.enp.one/img/logos/skylab/satellite_32.png" sizes="32x32">
<link rel="icon" type="image/png" href="https://cdn.enp.one/img/logos/e-b-sm.png" sizes="16x16"> <link rel="icon" type="image/png" href="https://cdn.enp.one/img/logos/skylab/satellite_16.png" sizes="16x16">
<link href="css/style.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet">
</head> </head>
<body> <body>
<div id="container"> <div id="container">
<img id="logo" src="https://cdn.enp.one/img/logos/e-w-sm.png"/> <img id="logo" src="https://cdn.enp.one/img/logos/skylab/satellite.svg"/>
<div class="arc arc-shadow arc-0 rotate-clock"></div> <div class="arc arc-shadow arc-0 rotate-clock"></div>
<div class="arc arc-0 rotate-clock"></div> <div class="arc arc-0 rotate-clock"></div>
<div class="arc arc-1 rotate-anticlock"></div> <div class="arc arc-1 rotate-anticlock"></div>