mirror of
https://github.com/Rushilwiz/launchx.git
synced 2025-04-05 04:30:19 -04:00
Initial commit
This commit is contained in:
parent
c9755baf84
commit
7fc1e552ca
41
index.js
Normal file
41
index.js
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
#!/usr/bin/nodejs
|
||||
|
||||
// -------------- load packages -------------- //
|
||||
var express = require('express');
|
||||
var app = express();
|
||||
var hbs = require('hbs');
|
||||
var path = require('path');
|
||||
|
||||
// -------------- express initialization -------------- //
|
||||
app.set('port', process.env.PORT || 8080);
|
||||
// tell express that the view engine is hbs
|
||||
app.set('view engine', 'hbs');
|
||||
app.use(express.static('static'));
|
||||
|
||||
// -------------- express endpoints -------------- //
|
||||
app.get('/', function(req, res){
|
||||
res.render('index');
|
||||
});
|
||||
|
||||
app.get('/calendar', function(req, res){
|
||||
res.render('calendar');
|
||||
});
|
||||
|
||||
app.get('/officers', function(req, res){
|
||||
res.render('officers');
|
||||
});
|
||||
|
||||
app.get('/innovatetj', function(req, res){
|
||||
res.render('innovatetj');
|
||||
});
|
||||
|
||||
app.get('/favicon.ico', function(req, res){
|
||||
res.sendFile(path.join(__dirname, 'favicon.ico'));
|
||||
});
|
||||
|
||||
// -------------- listener -------------- //
|
||||
var listener = app.listen(app.get('port'), function(){
|
||||
console.log('--------------------------------------------');
|
||||
console.log(Date());
|
||||
console.log('Express server started on port: ' + listener.address().port);
|
||||
});
|
||||
1001
package-lock.json
generated
Normal file
1001
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
16
package.json
Normal file
16
package.json
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
{
|
||||
"name": "site",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"keywords": [],
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"express": "^4.17.1",
|
||||
"hbs": "^4.1.1"
|
||||
}
|
||||
}
|
||||
195
static/css/calendar.css
Normal file
195
static/css/calendar.css
Normal file
|
|
@ -0,0 +1,195 @@
|
|||
:root {
|
||||
font-size: 16px;
|
||||
font-family: 'Open Sans';
|
||||
--text-primary: #b6b6b6;
|
||||
--text-secondary: #5978f7;
|
||||
--bg-primary: #23232e;
|
||||
--bg-secondary: #141418;
|
||||
--transition-speed: 600ms;
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--text-primary);
|
||||
background-color: black;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar {
|
||||
width: 0.25rem;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-track {
|
||||
background: #1e1e24;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-thumb {
|
||||
background: #5978f7;
|
||||
}
|
||||
|
||||
main {
|
||||
margin-left: 5rem;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.desc {
|
||||
font-size: 28px;
|
||||
font-weight: 300;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
position: fixed;
|
||||
background-color: var(--bg-primary);
|
||||
transition: width 600ms ease;
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 5rem;
|
||||
color: var(--text-primary);
|
||||
text-decoration: none;
|
||||
filter: grayscale(100%) opacity(0.7);
|
||||
transition: var(--transition-speed);
|
||||
}
|
||||
|
||||
.nav-link:hover {
|
||||
filter: grayscale(0%) opacity(1);
|
||||
background: var(--bg-secondary);
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.link-text {
|
||||
display: none;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.nav-link svg{
|
||||
width: 2rem;
|
||||
min-width: 2rem;
|
||||
margin: 0 1.5rem;
|
||||
}
|
||||
|
||||
.nav-link i {
|
||||
font-size: 28px;
|
||||
margin: 0 1.25rem;
|
||||
}
|
||||
|
||||
.link-text {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.fa-primary {
|
||||
color: #d57cff;
|
||||
}
|
||||
|
||||
.fa-secondary {
|
||||
color: #ae49dd;
|
||||
}
|
||||
|
||||
.fa-primary,
|
||||
.fa-secondary {
|
||||
transition: var(--transition-speed);
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 1rem;
|
||||
text-align: center;
|
||||
color: var(--text-secondary);
|
||||
background: var(--bg-secondary);
|
||||
font-size: 1.5rem;
|
||||
letter-spacing: 0.3ch;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.logo svg {
|
||||
transform: rotate(0deg);
|
||||
transition: var(--transition-speed);
|
||||
}
|
||||
|
||||
.logo-text
|
||||
{
|
||||
display: inline;
|
||||
position: absolute;
|
||||
left: -999px;
|
||||
transition: var(--transition-speed);
|
||||
}
|
||||
|
||||
.navbar:hover .logo svg {
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
|
||||
/* Small screens */
|
||||
@media only screen and (max-width: 1000px) {
|
||||
.navbar {
|
||||
bottom: 0;
|
||||
width: 100vw;
|
||||
height: 5rem;
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Large screens */
|
||||
@media only screen and (min-width: 1000px) {
|
||||
.navbar {
|
||||
top: 0;
|
||||
width: 5rem;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.navbar:hover {
|
||||
width: 16rem;
|
||||
}
|
||||
|
||||
.navbar:hover .link-text {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.navbar:hover .logo svg
|
||||
{
|
||||
margin-left: 11rem;
|
||||
}
|
||||
|
||||
.navbar:hover .logo-text
|
||||
{
|
||||
left: 0px;
|
||||
}
|
||||
}
|
||||
274
static/css/home.css
Normal file
274
static/css/home.css
Normal file
|
|
@ -0,0 +1,274 @@
|
|||
:root {
|
||||
font-size: 16px;
|
||||
font-family: 'Open Sans';
|
||||
--text-primary: #b6b6b6;
|
||||
--text-secondary: #5978f7;
|
||||
--bg-primary: #23232e;
|
||||
--bg-secondary: #141418;
|
||||
--transition-speed: 600ms;
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--text-primary);
|
||||
background-color: black;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar {
|
||||
width: 0.25rem;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-track {
|
||||
background: #1e1e24;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-thumb {
|
||||
background: #5978f7;
|
||||
}
|
||||
|
||||
main {
|
||||
margin-left: 5rem;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.desc {
|
||||
font-size: 28px;
|
||||
font-weight: 300;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.updates {
|
||||
list-style-type: none;
|
||||
overflow: hidden;
|
||||
border-radius: 8px;
|
||||
border: 1px solid green;
|
||||
background-color: black;
|
||||
color: green;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 90%;
|
||||
padding: 0;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.boxtext {
|
||||
margin-left: 1.5rem;
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
|
||||
#innovatelink {
|
||||
text-decoration: none;
|
||||
color: var(--text-secondary);
|
||||
border-bottom: 2px solid var(--text-secondary);
|
||||
}
|
||||
|
||||
#socialMedia {
|
||||
list-style-type: none;
|
||||
overflow: hidden;
|
||||
border-radius: 8px;
|
||||
border: 0;
|
||||
background-color: var(--bg-primary);
|
||||
width: max-content;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#socialMedia li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.mediaLink {
|
||||
font-size: 36px;
|
||||
padding: 14px 48px;
|
||||
display: block;
|
||||
color: var(--text-primary);;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.fab {
|
||||
transition: color 0.4s ease-out;
|
||||
}
|
||||
|
||||
.fa-facebook-f:hover {
|
||||
color: #1a54c9;
|
||||
}
|
||||
|
||||
.fa-instagram-square:hover {
|
||||
color: #b7613c;
|
||||
}
|
||||
|
||||
.fa-envelope {
|
||||
transition: color 0.4s ease-out;
|
||||
}
|
||||
|
||||
.fa-envelope:hover {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
position: fixed;
|
||||
background-color: var(--bg-primary);
|
||||
transition: width 600ms ease;
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 5rem;
|
||||
color: var(--text-primary);
|
||||
text-decoration: none;
|
||||
filter: grayscale(100%) opacity(0.7);
|
||||
transition: var(--transition-speed);
|
||||
}
|
||||
|
||||
.nav-link:hover {
|
||||
filter: grayscale(0%) opacity(1);
|
||||
background: var(--bg-secondary);
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.link-text {
|
||||
display: none;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.nav-link svg{
|
||||
width: 2rem;
|
||||
min-width: 2rem;
|
||||
margin: 0 1.5rem;
|
||||
}
|
||||
|
||||
.nav-link i {
|
||||
font-size: 28px;
|
||||
margin: 0 1.25rem;
|
||||
}
|
||||
|
||||
.link-text {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.fa-primary {
|
||||
color: #d57cff;
|
||||
}
|
||||
|
||||
.fa-secondary {
|
||||
color: #ae49dd;
|
||||
}
|
||||
|
||||
.fa-primary,
|
||||
.fa-secondary {
|
||||
transition: var(--transition-speed);
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 1rem;
|
||||
text-align: center;
|
||||
color: var(--text-secondary);
|
||||
background: var(--bg-secondary);
|
||||
font-size: 1.5rem;
|
||||
letter-spacing: 0.3ch;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.logo svg {
|
||||
transform: rotate(0deg);
|
||||
transition: var(--transition-speed);
|
||||
}
|
||||
|
||||
.logo-text
|
||||
{
|
||||
display: inline;
|
||||
position: absolute;
|
||||
left: -999px;
|
||||
transition: var(--transition-speed);
|
||||
}
|
||||
|
||||
.navbar:hover .logo svg {
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
|
||||
/* Small screens */
|
||||
@media only screen and (max-width: 1000px) {
|
||||
.navbar {
|
||||
bottom: 0;
|
||||
width: 100vw;
|
||||
height: 5rem;
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#socialMedia {
|
||||
margin-top: -20px;
|
||||
}
|
||||
|
||||
.mediaLink {
|
||||
padding: 10px 36px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Large screens */
|
||||
@media only screen and (min-width: 1000px) {
|
||||
|
||||
|
||||
|
||||
.navbar {
|
||||
top: 0;
|
||||
width: 5rem;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.navbar:hover {
|
||||
width: 16rem;
|
||||
}
|
||||
|
||||
.navbar:hover .link-text {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.navbar:hover .logo svg
|
||||
{
|
||||
margin-left: 11rem;
|
||||
}
|
||||
|
||||
.navbar:hover .logo-text
|
||||
{
|
||||
left: 0px;
|
||||
}
|
||||
}
|
||||
278
static/css/innovatetj.css
Normal file
278
static/css/innovatetj.css
Normal file
|
|
@ -0,0 +1,278 @@
|
|||
:root {
|
||||
font-size: 16px;
|
||||
font-family: 'Open Sans';
|
||||
--text-primary: #b6b6b6;
|
||||
--text-secondary: #5978f7;
|
||||
--bg-primary: #23232e;
|
||||
--bg-secondary: #141418;
|
||||
--transition-speed: 600ms;
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--text-primary);
|
||||
background-color: black;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar {
|
||||
width: 0.25rem;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-track {
|
||||
background: #1e1e24;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-thumb {
|
||||
background: #5978f7;
|
||||
}
|
||||
|
||||
main {
|
||||
margin-left: 5rem;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
#title {
|
||||
text-align: center;
|
||||
font-size: 3rem;
|
||||
font-weight: 300;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
#subtitle {
|
||||
text-align: center;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 300;
|
||||
margin-top: -3rem
|
||||
}
|
||||
|
||||
.double-box-wrapper {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.box {
|
||||
list-style-type: none;
|
||||
overflow: hidden;
|
||||
border-radius: 8px;
|
||||
border: 0;
|
||||
background-color: var(--bg-primary);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 90%;
|
||||
padding: 0;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.subheading {
|
||||
border: 0;
|
||||
background-color: black;
|
||||
float: left;
|
||||
margin-left: 5%;
|
||||
margin-top: -2rem;
|
||||
font-weight: 300;
|
||||
font-size: 2rem;
|
||||
width: 40%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.innerbox {
|
||||
list-style-type: none;
|
||||
overflow: hidden;
|
||||
border-radius: 8px;
|
||||
border: 0;
|
||||
background-color: var(--bg-primary);
|
||||
float: left;
|
||||
width: 75%;
|
||||
padding: 0;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.boxtext {
|
||||
margin-left: 1.5rem;
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
|
||||
#directorlink {
|
||||
margin-left: 7%;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.desc {
|
||||
font-size: 28px;
|
||||
font-weight: 300;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
position: fixed;
|
||||
background-color: var(--bg-primary);
|
||||
transition: width 600ms ease;
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 5rem;
|
||||
color: var(--text-primary);
|
||||
text-decoration: none;
|
||||
filter: grayscale(100%) opacity(0.7);
|
||||
transition: var(--transition-speed);
|
||||
}
|
||||
|
||||
.nav-link:hover {
|
||||
filter: grayscale(0%) opacity(1);
|
||||
background: var(--bg-secondary);
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.link-text {
|
||||
display: none;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.nav-link svg{
|
||||
width: 2rem;
|
||||
min-width: 2rem;
|
||||
margin: 0 1.5rem;
|
||||
}
|
||||
|
||||
.nav-link i {
|
||||
font-size: 28px;
|
||||
margin: 0 1.25rem;
|
||||
}
|
||||
|
||||
.link-text {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.fa-primary {
|
||||
color: #d57cff;
|
||||
}
|
||||
|
||||
.fa-secondary {
|
||||
color: #ae49dd;
|
||||
}
|
||||
|
||||
.fa-primary,
|
||||
.fa-secondary {
|
||||
transition: var(--transition-speed);
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 1rem;
|
||||
text-align: center;
|
||||
color: var(--text-secondary);
|
||||
background: var(--bg-secondary);
|
||||
font-size: 1.5rem;
|
||||
letter-spacing: 0.3ch;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.logo svg {
|
||||
transform: rotate(0deg);
|
||||
transition: var(--transition-speed);
|
||||
}
|
||||
|
||||
.logo-text
|
||||
{
|
||||
display: inline;
|
||||
position: absolute;
|
||||
left: -999px;
|
||||
transition: var(--transition-speed);
|
||||
}
|
||||
|
||||
.navbar:hover .logo svg {
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
|
||||
/* Small screens */
|
||||
@media only screen and (max-width: 1000px) {
|
||||
.navbar {
|
||||
bottom: 0;
|
||||
width: 100vw;
|
||||
height: 5rem;
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.innerbox {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#directorlink {
|
||||
margin-left: 30%;
|
||||
}
|
||||
|
||||
#directorlink img {
|
||||
margin-top: -1.5rem;
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.subheading {
|
||||
font-size: 1.15rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Large screens */
|
||||
@media only screen and (min-width: 1000px) {
|
||||
.navbar {
|
||||
top: 0;
|
||||
width: 5rem;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.navbar:hover {
|
||||
width: 16rem;
|
||||
}
|
||||
|
||||
.navbar:hover .link-text {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.navbar:hover .logo svg
|
||||
{
|
||||
margin-left: 11rem;
|
||||
}
|
||||
|
||||
.navbar:hover .logo-text
|
||||
{
|
||||
left: 0px;
|
||||
}
|
||||
}
|
||||
195
static/css/officers.css
Normal file
195
static/css/officers.css
Normal file
|
|
@ -0,0 +1,195 @@
|
|||
:root {
|
||||
font-size: 16px;
|
||||
font-family: 'Open Sans';
|
||||
--text-primary: #b6b6b6;
|
||||
--text-secondary: #5978f7;
|
||||
--bg-primary: #23232e;
|
||||
--bg-secondary: #141418;
|
||||
--transition-speed: 600ms;
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--text-primary);
|
||||
background-color: black;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar {
|
||||
width: 0.25rem;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-track {
|
||||
background: #1e1e24;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-thumb {
|
||||
background: #5978f7;
|
||||
}
|
||||
|
||||
main {
|
||||
margin-left: 5rem;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.desc {
|
||||
font-size: 28px;
|
||||
font-weight: 300;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
position: fixed;
|
||||
background-color: var(--bg-primary);
|
||||
transition: width 600ms ease;
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 5rem;
|
||||
color: var(--text-primary);
|
||||
text-decoration: none;
|
||||
filter: grayscale(100%) opacity(0.7);
|
||||
transition: var(--transition-speed);
|
||||
}
|
||||
|
||||
.nav-link:hover {
|
||||
filter: grayscale(0%) opacity(1);
|
||||
background: var(--bg-secondary);
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.link-text {
|
||||
display: none;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.nav-link svg{
|
||||
width: 2rem;
|
||||
min-width: 2rem;
|
||||
margin: 0 1.5rem;
|
||||
}
|
||||
|
||||
.nav-link i {
|
||||
font-size: 28px;
|
||||
margin: 0 1.25rem;
|
||||
}
|
||||
|
||||
.link-text {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.fa-primary {
|
||||
color: #d57cff;
|
||||
}
|
||||
|
||||
.fa-secondary {
|
||||
color: #ae49dd;
|
||||
}
|
||||
|
||||
.fa-primary,
|
||||
.fa-secondary {
|
||||
transition: var(--transition-speed);
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 1rem;
|
||||
text-align: center;
|
||||
color: var(--text-secondary);
|
||||
background: var(--bg-secondary);
|
||||
font-size: 1.5rem;
|
||||
letter-spacing: 0.3ch;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.logo svg {
|
||||
transform: rotate(0deg);
|
||||
transition: var(--transition-speed);
|
||||
}
|
||||
|
||||
.logo-text
|
||||
{
|
||||
display: inline;
|
||||
position: absolute;
|
||||
left: -999px;
|
||||
transition: var(--transition-speed);
|
||||
}
|
||||
|
||||
.navbar:hover .logo svg {
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
|
||||
/* Small screens */
|
||||
@media only screen and (max-width: 1000px) {
|
||||
.navbar {
|
||||
bottom: 0;
|
||||
width: 100vw;
|
||||
height: 5rem;
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Large screens */
|
||||
@media only screen and (min-width: 1000px) {
|
||||
.navbar {
|
||||
top: 0;
|
||||
width: 5rem;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.navbar:hover {
|
||||
width: 16rem;
|
||||
}
|
||||
|
||||
.navbar:hover .link-text {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.navbar:hover .logo svg
|
||||
{
|
||||
margin-left: 11rem;
|
||||
}
|
||||
|
||||
.navbar:hover .logo-text
|
||||
{
|
||||
left: 0px;
|
||||
}
|
||||
}
|
||||
BIN
static/images/InnovateSchedule.PNG
Normal file
BIN
static/images/InnovateSchedule.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
BIN
static/images/LaunchXLogo.png
Normal file
BIN
static/images/LaunchXLogo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 115 KiB |
75
views/calendar.hbs
Normal file
75
views/calendar.hbs
Normal file
|
|
@ -0,0 +1,75 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="HandheldFriendly" content="true" />
|
||||
<meta name="MobileOptimized" content="320" />
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=no" />
|
||||
<title>LaunchX</title>
|
||||
<link rel='stylesheet' type='text/css' href='css/calendar.css'>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap');
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<ul class="navbar-nav">
|
||||
<li class="logo">
|
||||
<a href="/launchx" class="nav-link">
|
||||
<span class="link-text logo-text">LaunchX</span>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fad"
|
||||
data-icon="angle-double-right"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512"
|
||||
class="svg-inline--fa fa-angle-double-right fa-w-14 fa-5x"
|
||||
>
|
||||
<g class="fa-group">
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M224 273L88.37 409a23.78 23.78 0 0 1-33.8 0L32 386.36a23.94 23.94 0 0 1 0-33.89l96.13-96.37L32 159.73a23.94 23.94 0 0 1 0-33.89l22.44-22.79a23.78 23.78 0 0 1 33.8 0L223.88 239a23.94 23.94 0 0 1 .1 34z"
|
||||
class="fa-secondary"
|
||||
></path>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M415.89 273L280.34 409a23.77 23.77 0 0 1-33.79 0L224 386.26a23.94 23.94 0 0 1 0-33.89L320.11 256l-96-96.47a23.94 23.94 0 0 1 0-33.89l22.52-22.59a23.77 23.77 0 0 1 33.79 0L416 239a24 24 0 0 1-.11 34z"
|
||||
class="fa-primary"
|
||||
></path>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="/launchx/calendar" class="nav-link">
|
||||
<i class="fas fa-calendar-alt"></i>
|
||||
<span class="link-text">Calendar</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="/launchx/officers" class="nav-link">
|
||||
<i class="fas fa-users"></i>
|
||||
<span class="link-text">Officers</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="/launchx/innovatetj" class="nav-link">
|
||||
<i class="fas fa-lightbulb"></i>
|
||||
<span class="link-text">InnovateTJ</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<p>Calendar coming out soon...</p>
|
||||
</main>
|
||||
<script src="https://kit.fontawesome.com/6245d15734.js" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
107
views/index.hbs
Normal file
107
views/index.hbs
Normal file
|
|
@ -0,0 +1,107 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="HandheldFriendly" content="true" />
|
||||
<meta name="MobileOptimized" content="320" />
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=no" />
|
||||
<title>LaunchX</title>
|
||||
<link rel='stylesheet' type='text/css' href='css/home.css'>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap');
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<ul class="navbar-nav">
|
||||
<li class="logo">
|
||||
<a href="/launchx" class="nav-link">
|
||||
<span class="link-text logo-text">LaunchX</span>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fad"
|
||||
data-icon="angle-double-right"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512"
|
||||
class="svg-inline--fa fa-angle-double-right fa-w-14 fa-5x"
|
||||
>
|
||||
<g class="fa-group">
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M224 273L88.37 409a23.78 23.78 0 0 1-33.8 0L32 386.36a23.94 23.94 0 0 1 0-33.89l96.13-96.37L32 159.73a23.94 23.94 0 0 1 0-33.89l22.44-22.79a23.78 23.78 0 0 1 33.8 0L223.88 239a23.94 23.94 0 0 1 .1 34z"
|
||||
class="fa-secondary"
|
||||
></path>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M415.89 273L280.34 409a23.77 23.77 0 0 1-33.79 0L224 386.26a23.94 23.94 0 0 1 0-33.89L320.11 256l-96-96.47a23.94 23.94 0 0 1 0-33.89l22.52-22.59a23.77 23.77 0 0 1 33.79 0L416 239a24 24 0 0 1-.11 34z"
|
||||
class="fa-primary"
|
||||
></path>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="/launchx/calendar" class="nav-link">
|
||||
<i class="fas fa-calendar-alt"></i>
|
||||
<span class="link-text">Calendar</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="/launchx/officers" class="nav-link">
|
||||
<i class="fas fa-users"></i>
|
||||
<span class="link-text">Officers</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="/launchx/innovatetj" class="nav-link">
|
||||
<i class="fas fa-lightbulb"></i>
|
||||
<span class="link-text">InnovateTJ</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<img class='center' src='images/LaunchXLogo.png' width='383' height'315'>
|
||||
<div class='desc'>
|
||||
<p>Interested in entrepreurship? This is the place to be!</br>
|
||||
We hold meetings every <span style='color: #5978f7;'>Friday B Block</span>, so make sure to sign up on Ion!</p>
|
||||
</div>
|
||||
|
||||
<ul id='socialMedia' class='center'>
|
||||
<li>
|
||||
<a class='mediaLink' target="_blank" rel="noopener noreferrer" href='https://www.facebook.com/groups/TJMITLaunch'>
|
||||
<i class="fab fa-facebook-f"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class='mediaLink' target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/tjlaunchx/">
|
||||
<i class="fab fa-instagram-square"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class='mediaLink' target="_blank" rel="noopener noreferrer" href='mailto:tjhsstlaunchx@gmail.com'>
|
||||
<i class="fas fa-envelope"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class='updates'>
|
||||
<p class='boxtext'>Update: January 29</p>
|
||||
<p class='boxtext'>
|
||||
InnovateTJ is official! Learn more about the event <a href="/launchx/innovatetj" id='innovatelink'>here</a>. Participant registration
|
||||
is not open yet, but it will be available in the next few days. Director
|
||||
applications are open right now!
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
<script src="https://kit.fontawesome.com/6245d15734.js" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
145
views/innovatetj.hbs
Normal file
145
views/innovatetj.hbs
Normal file
|
|
@ -0,0 +1,145 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="HandheldFriendly" content="true" />
|
||||
<meta name="MobileOptimized" content="320" />
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=no" />
|
||||
<title>LaunchX</title>
|
||||
<link rel='stylesheet' type='text/css' href='css/innovatetj.css'>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap');
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<ul class="navbar-nav">
|
||||
<li class="logo">
|
||||
<a href="/launchx" class="nav-link">
|
||||
<span class="link-text logo-text">LaunchX</span>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fad"
|
||||
data-icon="angle-double-right"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512"
|
||||
class="svg-inline--fa fa-angle-double-right fa-w-14 fa-5x"
|
||||
>
|
||||
<g class="fa-group">
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M224 273L88.37 409a23.78 23.78 0 0 1-33.8 0L32 386.36a23.94 23.94 0 0 1 0-33.89l96.13-96.37L32 159.73a23.94 23.94 0 0 1 0-33.89l22.44-22.79a23.78 23.78 0 0 1 33.8 0L223.88 239a23.94 23.94 0 0 1 .1 34z"
|
||||
class="fa-secondary"
|
||||
></path>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M415.89 273L280.34 409a23.77 23.77 0 0 1-33.79 0L224 386.26a23.94 23.94 0 0 1 0-33.89L320.11 256l-96-96.47a23.94 23.94 0 0 1 0-33.89l22.52-22.59a23.77 23.77 0 0 1 33.79 0L416 239a24 24 0 0 1-.11 34z"
|
||||
class="fa-primary"
|
||||
></path>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="/launchx/calendar" class="nav-link">
|
||||
<i class="fas fa-calendar-alt"></i>
|
||||
<span class="link-text">Calendar</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="/launchx/officers" class="nav-link">
|
||||
<i class="fas fa-users"></i>
|
||||
<span class="link-text">Officers</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="/launchx/innovatetj" class="nav-link">
|
||||
<i class="fas fa-lightbulb"></i>
|
||||
<span class="link-text">InnovateTJ</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<p id='title'><span style='color: #5978f7;'>InnovateTJ</span> is here!</p>
|
||||
<p id='subtitle'>TJ's very own entrpreneurial pitch and workshop event!</p>
|
||||
|
||||
<div class='box'>
|
||||
<p class='boxtext'>At InnovateTJ, you will be able to collaborate with other innovators to develop a
|
||||
pitch for a panel of real entrepreneurs with the chance of winning real money and
|
||||
other prizes! There will also be opportunities for networking with industry
|
||||
professionals, listening to guest speakers in business, and learning skills
|
||||
related to developing your own product/service in workshops!</p>
|
||||
</div>
|
||||
|
||||
<div class='box'>
|
||||
<p class='boxtext'><strong>Location:</strong> Virtual (links will be sent prior to the event)</p>
|
||||
<p class='boxtext'><strong>Date:</strong> Saturday, February 20th, 2021</p>
|
||||
<p class='boxtext'><strong>Time:</strong> 9 AM - 5 PM</p>
|
||||
<p class='boxtext'><strong>Cost:</strong> $20 per team (this is an OPTIONAL donation that is only
|
||||
for eligibility for the monetary prize) </p>
|
||||
<p class='boxtext'><strong>Who:</strong> Teams of 2-4 high school students (Limited to Fairfax,
|
||||
Loudon, Prince William, Arlington, and Falls Church counties as well as their
|
||||
respective private schools)</p>
|
||||
</div>
|
||||
|
||||
<div class='subheading'>
|
||||
<p>Tentative Schedule</p>
|
||||
</div>
|
||||
|
||||
<div class='box'>
|
||||
<p class='boxtext'>
|
||||
<img class='center' src='images/InnovateSchedule.PNG' width='100%'>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class='double-box-wrapper'>
|
||||
<div class='innerbox'>
|
||||
<p class='boxtext'>Competitions aren't your cup of tea? You can still
|
||||
participate as an InnovateTJ director! Directors will manage different
|
||||
facets of the event from Outreach to Technology to Finance, making sure
|
||||
the day runs smoothly. Click the form icon to apply if you are interested!</p>
|
||||
|
||||
<p class='boxtext'><i>Applications are due Monday, Feb 1 @11:59 PM</i></p>
|
||||
</div>
|
||||
<a id='directorlink' href='https://docs.google.com/forms/d/e/1FAIpQLSfssaxEWhRMHDu68iMRNI-KwRKQEm7N71cndvQOrrYMSAD8Hw/viewform?usp=sf_link' target="_blank">
|
||||
<img src='https://img.icons8.com/color/1600/google-forms-new-logo-1.png'
|
||||
width='12%'>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class='subheading'>
|
||||
<p>FAQs</p>
|
||||
</div>
|
||||
|
||||
<div class='box'>
|
||||
<p class='boxtext'><span style='border-bottom: 2px solid #5978f7;'><i>How will our products be judged?</i></span></p>
|
||||
<p class='boxtext'>Competitors should focus on how well their innovation
|
||||
addresses the topic at hand and how applicable the development is in the real world.
|
||||
In terms of pitching, the focus should be on content, professionalism, and
|
||||
speaking quality.</p>
|
||||
</div>
|
||||
|
||||
<div class='box'>
|
||||
<p class='boxtext'><span style='border-bottom: 2px solid #5978f7;'><i>Will there be prizes?</i></span></p>
|
||||
<p class='boxtext'>There will be prizes for the top 3 competitors, as well as possible
|
||||
sponsorship prizes. </p>
|
||||
</div>
|
||||
|
||||
<div class='box'>
|
||||
<p class='boxtext'><span style='border-bottom: 2px solid #5978f7;'><i>If I volunteer, can I also compete?</i></span></p>
|
||||
<p class='boxtext'>No, in order to ensure that judging is fair, volunteers will not
|
||||
be allowed to compete in the event.</p>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
<script src="https://kit.fontawesome.com/6245d15734.js" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
75
views/officers.hbs
Normal file
75
views/officers.hbs
Normal file
|
|
@ -0,0 +1,75 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="HandheldFriendly" content="true" />
|
||||
<meta name="MobileOptimized" content="320" />
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=no" />
|
||||
<title>LaunchX</title>
|
||||
<link rel='stylesheet' type='text/css' href='css/officers.css'>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap');
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<ul class="navbar-nav">
|
||||
<li class="logo">
|
||||
<a href="/launchx" class="nav-link">
|
||||
<span class="link-text logo-text">LaunchX</span>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fad"
|
||||
data-icon="angle-double-right"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512"
|
||||
class="svg-inline--fa fa-angle-double-right fa-w-14 fa-5x"
|
||||
>
|
||||
<g class="fa-group">
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M224 273L88.37 409a23.78 23.78 0 0 1-33.8 0L32 386.36a23.94 23.94 0 0 1 0-33.89l96.13-96.37L32 159.73a23.94 23.94 0 0 1 0-33.89l22.44-22.79a23.78 23.78 0 0 1 33.8 0L223.88 239a23.94 23.94 0 0 1 .1 34z"
|
||||
class="fa-secondary"
|
||||
></path>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M415.89 273L280.34 409a23.77 23.77 0 0 1-33.79 0L224 386.26a23.94 23.94 0 0 1 0-33.89L320.11 256l-96-96.47a23.94 23.94 0 0 1 0-33.89l22.52-22.59a23.77 23.77 0 0 1 33.79 0L416 239a24 24 0 0 1-.11 34z"
|
||||
class="fa-primary"
|
||||
></path>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="/launchx/calendar" class="nav-link">
|
||||
<i class="fas fa-calendar-alt"></i>
|
||||
<span class="link-text">Calendar</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="/launchx/officers" class="nav-link">
|
||||
<i class="fas fa-users"></i>
|
||||
<span class="link-text">Officers</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="/launchx/innovatetj" class="nav-link">
|
||||
<i class="fas fa-lightbulb"></i>
|
||||
<span class="link-text">InnovateTJ</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<p>Officers coming out soon...</p>
|
||||
</main>
|
||||
<script src="https://kit.fontawesome.com/6245d15734.js" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user