You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
237 lines
8.8 KiB
237 lines
8.8 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Title</title>
|
|
|
|
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
|
|
|
<style>
|
|
.nav-side-menu {
|
|
overflow: auto;
|
|
font-family: verdana;
|
|
font-size: 12px;
|
|
font-weight: 200;
|
|
background-color: #2e353d;
|
|
position: fixed;
|
|
top: 0px;
|
|
width: 300px;
|
|
height: 100%;
|
|
color: #e1ffff;
|
|
}
|
|
.nav-side-menu .brand {
|
|
background-color: #23282e;
|
|
line-height: 50px;
|
|
display: block;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
}
|
|
.nav-side-menu .toggle-btn {
|
|
display: none;
|
|
}
|
|
.nav-side-menu ul,
|
|
.nav-side-menu li {
|
|
list-style: none;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
line-height: 35px;
|
|
cursor: pointer;
|
|
}
|
|
.nav-side-menu ul :not(collapsed) .arrow:before,
|
|
.nav-side-menu li :not(collapsed) .arrow:before {
|
|
font-family: FontAwesome;
|
|
content: "\f078";
|
|
display: inline-block;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
vertical-align: middle;
|
|
float: right;
|
|
}
|
|
.nav-side-menu ul .active,
|
|
.nav-side-menu li .active {
|
|
border-left: 3px solid #d19b3d;
|
|
background-color: #4f5b69;
|
|
}
|
|
.nav-side-menu ul .sub-menu li.active,
|
|
.nav-side-menu li .sub-menu li.active {
|
|
color: #d19b3d;
|
|
}
|
|
.nav-side-menu ul .sub-menu li.active a,
|
|
.nav-side-menu li .sub-menu li.active a {
|
|
color: #d19b3d;
|
|
}
|
|
.nav-side-menu ul .sub-menu li,
|
|
.nav-side-menu li .sub-menu li {
|
|
background-color: #181c20;
|
|
border: none;
|
|
line-height: 28px;
|
|
border-bottom: 1px solid #23282e;
|
|
margin-left: 0px;
|
|
}
|
|
.nav-side-menu ul .sub-menu li:hover,
|
|
.nav-side-menu li .sub-menu li:hover {
|
|
background-color: #020203;
|
|
}
|
|
.nav-side-menu ul .sub-menu li:before,
|
|
.nav-side-menu li .sub-menu li:before {
|
|
font-family: FontAwesome;
|
|
content: "\f105";
|
|
display: inline-block;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
vertical-align: middle;
|
|
}
|
|
.nav-side-menu li {
|
|
padding-left: 0px;
|
|
border-left: 3px solid #2e353d;
|
|
border-bottom: 1px solid #23282e;
|
|
}
|
|
.nav-side-menu li a {
|
|
text-decoration: none;
|
|
color: #e1ffff;
|
|
}
|
|
.nav-side-menu li a i {
|
|
padding-left: 10px;
|
|
width: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
.nav-side-menu li:hover {
|
|
border-left: 3px solid #d19b3d;
|
|
background-color: #4f5b69;
|
|
-webkit-transition: all 1s ease;
|
|
-moz-transition: all 1s ease;
|
|
-o-transition: all 1s ease;
|
|
-ms-transition: all 1s ease;
|
|
transition: all 1s ease;
|
|
}
|
|
@media (max-width: 767px) {
|
|
.nav-side-menu {
|
|
position: relative;
|
|
width: 100%;
|
|
margin-bottom: 10px;
|
|
}
|
|
.nav-side-menu .toggle-btn {
|
|
display: block;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
z-index: 10 !important;
|
|
padding: 3px;
|
|
background-color: #ffffff;
|
|
color: #000;
|
|
width: 40px;
|
|
text-align: center;
|
|
}
|
|
.brand {
|
|
text-align: left !important;
|
|
font-size: 22px;
|
|
padding-left: 20px;
|
|
line-height: 50px !important;
|
|
}
|
|
}
|
|
@media (min-width: 767px) {
|
|
.nav-side-menu .menu-list .menu-content {
|
|
display: block;
|
|
}
|
|
#main {
|
|
width:calc(100% - 300px);
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
body {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div class="nav-side-menu">
|
|
<div class="brand">
|
|
<img src="logo.png" alt="Jrtechs logo" width="50%">
|
|
</div>
|
|
<i class="fa fa-bars fa-2x toggle-btn" data-toggle="collapse" data-target="#menu-content"></i>
|
|
<div class="menu-list">
|
|
<ul id="menu-content" class="menu-content collapse out">
|
|
<li>
|
|
<a href="#">
|
|
<i class="fa fa-dashboard fa-lg"></i> Dashboard
|
|
</a>
|
|
</li>
|
|
<li data-toggle="collapse" data-target="#service" class="collapsed">
|
|
<a href="#"><i class="fa fa-globe fa-lg"></i> JrTechs <span class="arrow"></span></a>
|
|
</li>
|
|
<ul class="sub-menu collapse" id="service">
|
|
<li><a href="https://jrtechs.net/">Blog</a></li>
|
|
<li><a href="https://jrtechs.me/">Portfolio</a></li>
|
|
<li><a href="https://video.jrtechs.net/">Videos Site</a></li>
|
|
<li><a href="https://github-graphs.com/">Github Generator</a></li>
|
|
<li><a href="https://jrtechs.rh.rit.edu/">NAS</a></li>
|
|
<li><a href="https://hoffends.jrtechs.net/">Hoffends Employee</a></li>
|
|
<li><a href="https://pioneer.jrtechs.net/">Pioneer Employee</a></li>
|
|
</ul>
|
|
|
|
|
|
<li data-toggle="collapse" data-target="#new" class="collapsed">
|
|
<a href="#"><i class="fa fa-car fa-lg"></i> RIT <span class="arrow"></span></a>
|
|
</li>
|
|
<ul class="sub-menu collapse" id="new">
|
|
<li><a href="https://tigercenter.rit.edu/">Tiger Center</a></li>
|
|
<li><a href="https://mycourses.rit.edu/">My Courses</a></li>
|
|
<li><a href="https://fastapps.rit.edu/kronosTimecard/login">Kronos</a></li>
|
|
<li><a href="https://www.rit.edu/eservices/">eServices</a></li>
|
|
<li><a href="https://campus.rit.edu/psp/PRITXJ/EMPLOYEE/HRMS/c/SA_LEARNER_SERVICES.SSS_STUDENT_CENTER.GBL?PORTALPARAM_PTCNAV=HC_SSS_STUDENT_CENTER&EOPP.SCNode=HRMS&EOPP.SCPortal=EMPLOYEE&EOPP.SCName=CO_EMPLOYEE_SELF_SERVICE&EOPP.SCLabel=Self%20Service&EOPP.SCPTfname=CO_EMPLOYEE_SELF_SERVICE&FolderPath=PORTAL_ROOT_OBJECT.CO_EMPLOYEE_SELF_SERVICE.HC_SSS_STUDENT_CENTER&IsFolder=false">SIS</a></li>
|
|
<li><a href="https://myinfo.rit.edu/">Employee Services</a></li>
|
|
</ul>
|
|
<li>
|
|
<a href="#">
|
|
<i class="fa fa-user fa-lg"></i> Fitbit Data
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/jrtechs">
|
|
<i class="fa fa-users fa-lg"></i> Github
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container-fluid" id="main">
|
|
<br>
|
|
<div class="row">
|
|
<div class="col col-md-8 col-12">
|
|
<script type='text/javascript' src='https://darksky.net/widget/graph-bar/43.1573,-77.6152/us12/en.js?width=100%&height=400&title=Full Forecast&textColor=333333&bgColor=transparent&transparency=true&skyColor=undefined&fontFamily=Default&customFont=&units=us&timeColor=333333&tempColor=333333¤tDetailsOption=true'></script>
|
|
</div>
|
|
<div class="col col-md-4 col-12">
|
|
<script type='text/javascript' src='https://darksky.net/widget/default/43.1573,-77.6152/us12/en.js?width=100%&height=400&title=Rochester NY&textColor=333333&bgColor=transparent&transparency=true&skyColor=undefined&fontFamily=Default&customFont=&units=us&htColor=333333<Color=C7C7C7&displaySum=yes&displayHeader=yes'></script>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col col-md-5 col-12">
|
|
|
|
</div>
|
|
<div class="col col-md-4 col-12">
|
|
|
|
</div>
|
|
<div class="col col-md-3 col-12">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
<footer>
|
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
|
</footer>
|
|
</html>
|