mirror of
https://github.com/codeninjasuk/dojo.git
synced 2024-11-25 08:58:33 -05:00
Initial Push
This commit is contained in:
elvistony
parent
dea0239788
commit
ce91df838c
15 changed files with 224 additions and 0 deletions
130
css/extra.css
Normal file
130
css/extra.css
Normal file
|
|
@ -0,0 +1,130 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: 'AzoSans';
|
||||||
|
src: url("/fonts/azosans.otf") format("opentype");
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'AzoSans';
|
||||||
|
font-weight: bold;
|
||||||
|
src: url("/fonts/azosans.otf") format("opentype");
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: url('/img/ninjabg.svg');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
font-family: 'AzoSans' !important;
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.impact-logo {
|
||||||
|
width: 200px;
|
||||||
|
margin: 35px auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.main-menu {
|
||||||
|
margin: auto;
|
||||||
|
display: flex;
|
||||||
|
/* flex-direction: column; */
|
||||||
|
row-gap: 20px;
|
||||||
|
column-gap: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* div.option{
|
||||||
|
width: 350px;
|
||||||
|
margin: auto;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid lightgray;
|
||||||
|
transition: 0.3s ease;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.option:hover{
|
||||||
|
background: rgb(80, 22, 218);
|
||||||
|
} */
|
||||||
|
|
||||||
|
button {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #000;
|
||||||
|
margin: auto;
|
||||||
|
display: inline-block;
|
||||||
|
/* line-height:40px; */
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 900;
|
||||||
|
border-radius: 15px;
|
||||||
|
padding: 0px 10px;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
background-color: #1A5276;
|
||||||
|
border: 0px solid #000;
|
||||||
|
box-shadow: 1px 1px 0, 2px 2px 0, 3px 3px 0, 4px 4px 0, 10px 10px 0;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
z-index: -1;
|
||||||
|
border-radius: 15px;
|
||||||
|
background-color: #1A5276;
|
||||||
|
transition: all 0.5s;
|
||||||
|
-webkit-transition: all 0.5s;
|
||||||
|
-moz-transition: all 0.5s;
|
||||||
|
-ms-transition: all 0.5s;
|
||||||
|
-o-transition: all 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:hover {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:hover:after {
|
||||||
|
background-color: #25709f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
margin: 0px;
|
||||||
|
text-shadow: 2px 2px 4px #0000008a;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
button:active {
|
||||||
|
top: 5px;
|
||||||
|
left: 5px;
|
||||||
|
box-shadow: 0 0 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* html,
|
||||||
|
body {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: linear-gradient(-45deg, #1C2833, #283747, #1C2833, #283747);
|
||||||
|
background-size: 400% 400%;
|
||||||
|
animation: gradient 15s ease infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes gradient {
|
||||||
|
0% {
|
||||||
|
background-position: 0% 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
background-position: 100% 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-position: 0% 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
*/
|
||||||
1
css/other.css
Normal file
1
css/other.css
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
img[_ngcontent-cgp-c44]{width:590px;margin:35px auto}.text-ready-to-code[_ngcontent-cgp-c44]{margin:13px auto;font:normal normal 700 24px/32px Azo Sans;letter-spacing:-1.2px;color:#fcfdff;opacity:1}input.login-input[_ngcontent-cgp-c44]{background:#fcfdff 0 0 no-repeat padding-box;box-shadow:0 3px 6px #0051ac8c;border-style:none;border-radius:6px}input.login-input[_ngcontent-cgp-c44]:-moz-placeholder{color:#365a8a;opacity:50%}input.login-input[_ngcontent-cgp-c44]:-ms-input-placeholder{color:#365a8a;opacity:50%}input.login-input[_ngcontent-cgp-c44]::-webkit-input-placeholder{color:#365a8a;opacity:50%}.error-message[_ngcontent-cgp-c44]{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;border-radius:.25rem;font-weight:400;font-size:1rem;text-align:center;padding:.75rem 1.25rem;margin-bottom:1rem}
|
||||||
1
css/style.css
Normal file
1
css/style.css
Normal file
File diff suppressed because one or more lines are too long
BIN
fonts/azo-sans-web-bold.91ea8f39764957fec0d6.eot
Normal file
BIN
fonts/azo-sans-web-bold.91ea8f39764957fec0d6.eot
Normal file
Binary file not shown.
BIN
fonts/azo-sans-web-normal.6e8ae4f8fc0cf9673a02.eot
Normal file
BIN
fonts/azo-sans-web-normal.6e8ae4f8fc0cf9673a02.eot
Normal file
Binary file not shown.
BIN
fonts/azosans.otf
Normal file
BIN
fonts/azosans.otf
Normal file
Binary file not shown.
BIN
img/background.png
Normal file
BIN
img/background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 461 KiB |
BIN
img/eyes.png
Normal file
BIN
img/eyes.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 116 KiB |
BIN
img/gdp-logo-long.png
Normal file
BIN
img/gdp-logo-long.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 438 KiB |
BIN
img/gdp-logo.png
Normal file
BIN
img/gdp-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 524 KiB |
BIN
img/impact-logo.png
Normal file
BIN
img/impact-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 184 KiB |
41
img/ninjabg.svg
Normal file
41
img/ninjabg.svg
Normal file
|
|
@ -0,0 +1,41 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="811" viewBox="0 0 1440 811">
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip-path">
|
||||||
|
<rect id="Rectangle_890" data-name="Rectangle 890" width="1440" height="811" transform="translate(-5108 -5704)" fill="#fff"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="clip-path-2">
|
||||||
|
<rect id="Mask_Shape" data-name="Mask Shape" width="1440" height="1141" transform="translate(42 -0.179)" fill="#fff"/>
|
||||||
|
</clipPath>
|
||||||
|
<linearGradient id="linear-gradient" x1="0.984" y1="0.861" x2="0.098" y2="0.012" gradientUnits="objectBoundingBox">
|
||||||
|
<stop offset="0" stop-color="#005cab"/>
|
||||||
|
<stop offset="1" stop-color="#4fbdcf"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="linear-gradient-2" x1="0.962" y1="0.054" x2="0.101" y2="0.366" xlink:href="#linear-gradient"/>
|
||||||
|
<linearGradient id="linear-gradient-3" x1="0.984" y1="0.861" x2="0.098" y2="0.012" gradientUnits="objectBoundingBox">
|
||||||
|
<stop offset="0" stop-color="#0069d4"/>
|
||||||
|
<stop offset="1" stop-color="#2586bc"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="linear-gradient-4" x1="0.962" y1="0.054" x2="0.101" y2="0.366" gradientUnits="objectBoundingBox">
|
||||||
|
<stop offset="0" stop-color="#2586bc"/>
|
||||||
|
<stop offset="1" stop-color="#0970ce"/>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="Mask_Group_44" data-name="Mask Group 44" transform="translate(5108 5704)" clip-path="url(#clip-path)">
|
||||||
|
<g id="Home_BG" data-name="Home BG" transform="translate(-5118.847 -5704.179)">
|
||||||
|
<g id="Group_28" data-name="Group 28" transform="translate(-30.59 0.179)" clip-path="url(#clip-path-2)">
|
||||||
|
<g id="Create_BG" data-name="Create BG">
|
||||||
|
<path id="BG" d="M7.732-213.686H1496.006V656.293s-199.838,25.564-413.139,7.209c-179.44-15.442-388.326-52.338-555.613-52.338C161.2,611.165,0,664.154,0,664.154Z" transform="translate(0 213.686)" fill="url(#linear-gradient)"/>
|
||||||
|
<path id="Middle_Swirl" data-name="Middle Swirl" d="M0,198.72s214.391,104.464,499,75.763c202.441-20.415,459.541-101.017,614.66-101.017,371.989,0,374.29,45.917,374.29,45.917l8.052-414.559s-199.838-34.184-413.139-9.64c-179.44,20.648-388.326,69.985-555.613,69.985C161.2-134.832,0-205.688,0-205.688Z" transform="translate(0 414.479)" opacity="0.5" fill="url(#linear-gradient-2)"/>
|
||||||
|
<path id="Bottom_Swirl" data-name="Bottom Swirl" d="M0,567.027H1496.006v89.266s-199.838,25.564-413.139,7.209c-179.44-15.442-388.326-52.338-555.613-52.338C161.2,611.165,0,664.154,0,664.154Z" transform="translate(1524.01 1426.388) rotate(180)" fill="#2e95c0"/>
|
||||||
|
<path id="White" d="M7.732-213.686H1496.006V656.293s-199.838,25.564-413.139,7.209c-179.44-15.442-388.326-52.338-555.613-52.338C161.2,611.165,0,664.154,0,664.154Z" transform="matrix(-1, 0.017, -0.017, -1, 1522.875, 1428.867)" fill="#fefefe"/>
|
||||||
|
</g>
|
||||||
|
<g id="Default">
|
||||||
|
<path id="BG-2" data-name="BG" d="M7.732-213.686H1496.006V656.293s-199.838,25.564-413.139,7.209c-179.44-15.442-388.326-52.338-555.613-52.338C161.2,611.165,0,664.154,0,664.154Z" transform="translate(0 213.686)" fill="url(#linear-gradient-3)"/>
|
||||||
|
<path id="Middle_Swirl-2" data-name="Middle Swirl" d="M0,198.72s214.391,104.464,499,75.763c202.441-20.415,459.541-101.017,614.66-101.017,371.989,0,374.29,45.917,374.29,45.917l8.052-414.559s-199.838-34.184-413.139-9.64c-179.44,20.648-388.326,69.985-555.613,69.985C161.2-134.832,0-205.688,0-205.688Z" transform="translate(0 414.479)" opacity="0.5" fill="url(#linear-gradient-4)"/>
|
||||||
|
<path id="White-2" data-name="White" d="M7.732-213.686H1496.006V656.293s-199.838,25.564-413.139,7.209c-179.44-15.442-388.326-52.338-555.613-52.338C161.2,611.165,0,664.154,0,664.154Z" transform="matrix(-1, 0.017, -0.017, -1, 1522.875, 1428.867)" fill="#fefefe"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<path id="Path_1048" data-name="Path 1048" d="M2.4,526.4l1495.413,26.1-1.812,103.79s-199.838,25.564-413.139,7.209c-179.44-15.442-388.326-52.338-555.613-52.338C161.2,611.165,46.4,656.757,46.4,656.757Z" transform="matrix(-1, 0.017, -0.017, -1, 1509.285, 1426.046)" fill="#1779b6"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 4 KiB |
BIN
img/white.png
Normal file
BIN
img/white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
31
index.html
Normal file
31
index.html
Normal file
|
|
@ -0,0 +1,31 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||||
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
|
||||||
|
<meta http-equiv="Pragma" content="no-cache">
|
||||||
|
<meta http-equiv="Expires" content="0">
|
||||||
|
<title>CN Langley | Dojo</title>
|
||||||
|
<!--<base href="/">--><base href=".">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="icon" type="image/png" href="https://impact.codeninjas.com/favicon.ico">
|
||||||
|
<meta name="theme-color" content="#1976d2">
|
||||||
|
<link rel="stylesheet" href="/css/style.css">
|
||||||
|
<link rel="stylesheet" href="/css/other.css">
|
||||||
|
<link rel="stylesheet" href="/css/extra.css">
|
||||||
|
<style></style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 class="title" style="margin-top: 100px;">Welcome to Code Ninjas Langley!</h1>
|
||||||
|
<h5 class="title" style="margin-top: 20px;">Choose your curriculum!</h5>
|
||||||
|
<div class="main-menu">
|
||||||
|
<div class="option">
|
||||||
|
<button data-href="https://impact.codeninjas.com/"><img class="impact-logo" src="/img/impact-logo.png" alt="Impact Logo"></button>
|
||||||
|
</div>
|
||||||
|
<div class="option">
|
||||||
|
<button data-href="https://impact.codeninjas.com/"><img class="impact-logo" src="/img/gdp-logo.png" alt="Impact Logo"></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
<script src="/js/fullscreen.js"></script>
|
||||||
|
</html>
|
||||||
20
js/fullscreen.js
Normal file
20
js/fullscreen.js
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
function openFullscreen() {
|
||||||
|
elem = document.body;
|
||||||
|
if (elem.requestFullscreen) {
|
||||||
|
elem.requestFullscreen();
|
||||||
|
} else if (elem.webkitRequestFullscreen) { /* Safari */
|
||||||
|
elem.webkitRequestFullscreen();
|
||||||
|
} else if (elem.msRequestFullscreen) { /* IE11 */
|
||||||
|
elem.msRequestFullscreen();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Array.from(document.querySelectorAll('.option>button')).forEach((ele)=>{
|
||||||
|
ele.addEventListener('click',()=>{
|
||||||
|
// openFullscreen();
|
||||||
|
window.open(ele.dataset.href,'_blank',`height=${screen.height},width=${screen.width}`);
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
Loading…
Reference in a new issue