jrtechs
/
jrtechs-HomePage
mirror of https://github.com/jrtechs/HomePage.git
1
0
Fork 0
Code Issues 0 Releases 0 Wiki Activity
Personal intranet/start page where I can view the weather, links, fitbit data, and the news.
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.
9 Commits
1 Branch
2.2 MiB
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
jrtechs-HomePage/index.html

236 lines
8.8 KiB
Raw Permalink Normal View History

Initial commit
5 years ago
​
​
​
​
​
​
​
Added content and imported links to the landing home page.
5 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Initial commit
5 years ago
​
​
​
Added content and imported links to the landing home page.
5 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Initial commit
5 years ago
Added content and imported links to the landing home page.
5 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Initial commit
5 years ago
Added content and imported links to the landing home page.
5 years ago
Initial commit
5 years ago
Added content and imported links to the landing home page.
5 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Initial commit
5 years ago
​
​
Added content and imported links to the landing home page.
5 years ago
Initial commit
5 years ago
Added content and imported links to the landing home page.
5 years ago
​
​
​
​
​
​
Initial commit
5 years ago
 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6. 

  7.     <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">
  8. 

  9.     <style>
  10.         .nav-side-menu {
  11.             overflow: auto;
  12.             font-family: verdana;
  13.             font-size: 12px;
  14.             font-weight: 200;
  15.             background-color: #2e353d;
  16.             position: fixed;
  17.             top: 0px;
  18.             width: 300px;
  19.             height: 100%;
  20.             color: #e1ffff;
  21.         }
  22.         .nav-side-menu .brand {
  23.             background-color: #23282e;
  24.             line-height: 50px;
  25.             display: block;
  26.             text-align: center;
  27.             font-size: 14px;
  28.         }
  29.         .nav-side-menu .toggle-btn {
  30.             display: none;
  31.         }
  32.         .nav-side-menu ul,
  33.         .nav-side-menu li {
  34.             list-style: none;
  35.             padding: 0px;
  36.             margin: 0px;
  37.             line-height: 35px;
  38.             cursor: pointer;
  39.         }
  40.         .nav-side-menu ul :not(collapsed) .arrow:before,
  41.         .nav-side-menu li :not(collapsed) .arrow:before {
  42.             font-family: FontAwesome;
  43.             content: "\f078";
  44.             display: inline-block;
  45.             padding-left: 10px;
  46.             padding-right: 10px;
  47.             vertical-align: middle;
  48.             float: right;
  49.         }
  50.         .nav-side-menu ul .active,
  51.         .nav-side-menu li .active {
  52.             border-left: 3px solid #d19b3d;
  53.             background-color: #4f5b69;
  54.         }
  55.         .nav-side-menu ul .sub-menu li.active,
  56.         .nav-side-menu li .sub-menu li.active {
  57.             color: #d19b3d;
  58.         }
  59.         .nav-side-menu ul .sub-menu li.active a,
  60.         .nav-side-menu li .sub-menu li.active a {
  61.             color: #d19b3d;
  62.         }
  63.         .nav-side-menu ul .sub-menu li,
  64.         .nav-side-menu li .sub-menu li {
  65.             background-color: #181c20;
  66.             border: none;
  67.             line-height: 28px;
  68.             border-bottom: 1px solid #23282e;
  69.             margin-left: 0px;
  70.         }
  71.         .nav-side-menu ul .sub-menu li:hover,
  72.         .nav-side-menu li .sub-menu li:hover {
  73.             background-color: #020203;
  74.         }
  75.         .nav-side-menu ul .sub-menu li:before,
  76.         .nav-side-menu li .sub-menu li:before {
  77.             font-family: FontAwesome;
  78.             content: "\f105";
  79.             display: inline-block;
  80.             padding-left: 10px;
  81.             padding-right: 10px;
  82.             vertical-align: middle;
  83.         }
  84.         .nav-side-menu li {
  85.             padding-left: 0px;
  86.             border-left: 3px solid #2e353d;
  87.             border-bottom: 1px solid #23282e;
  88.         }
  89.         .nav-side-menu li a {
  90.             text-decoration: none;
  91.             color: #e1ffff;
  92.         }
  93.         .nav-side-menu li a i {
  94.             padding-left: 10px;
  95.             width: 20px;
  96.             padding-right: 20px;
  97.         }
  98.         .nav-side-menu li:hover {
  99.             border-left: 3px solid #d19b3d;
  100.             background-color: #4f5b69;
  101.             -webkit-transition: all 1s ease;
  102.             -moz-transition: all 1s ease;
  103.             -o-transition: all 1s ease;
  104.             -ms-transition: all 1s ease;
  105.             transition: all 1s ease;
  106.         }
  107.         @media (max-width: 767px) {
  108.             .nav-side-menu {
  109.                 position: relative;
  110.                 width: 100%;
  111.                 margin-bottom: 10px;
  112.             }
  113.             .nav-side-menu .toggle-btn {
  114.                 display: block;
  115.                 cursor: pointer;
  116.                 position: absolute;
  117.                 right: 10px;
  118.                 top: 10px;
  119.                 z-index: 10 !important;
  120.                 padding: 3px;
  121.                 background-color: #ffffff;
  122.                 color: #000;
  123.                 width: 40px;
  124.                 text-align: center;
  125.             }
  126.             .brand {
  127.                 text-align: left !important;
  128.                 font-size: 22px;
  129.                 padding-left: 20px;
  130.                 line-height: 50px !important;
  131.             }
  132.         }
  133.         @media (min-width: 767px) {
  134.             .nav-side-menu .menu-list .menu-content {
  135.                 display: block;
  136.             }
  137.             #main {
  138.                 width:calc(100% - 300px);
  139.                 float: right;
  140.             }
  141.         }
  142. 

  143.         body {
  144.             margin: 0px;
  145.             padding: 0px;
  146.         }
  147.     </style>
  148. 

  149. </head>
  150. <body>
  151. 

  152. <div class="nav-side-menu">
  153.     <div class="brand">
  154.         <img src="logo.png" alt="Jrtechs logo" width="50%">
  155.     </div>
  156.     <i class="fa fa-bars fa-2x toggle-btn" data-toggle="collapse" data-target="#menu-content"></i>
  157.     <div class="menu-list">
  158.         <ul id="menu-content" class="menu-content collapse out">
  159.             <li>
  160.                 <a href="#">
  161.                     <i class="fa fa-dashboard fa-lg"></i> Dashboard
  162.                 </a>
  163.             </li>
  164.             <li data-toggle="collapse" data-target="#service" class="collapsed">
  165.                 <a href="#"><i class="fa fa-globe fa-lg"></i> JrTechs <span class="arrow"></span></a>
  166.             </li>
  167.             <ul class="sub-menu collapse" id="service">
  168.                 <li><a href="https://jrtechs.net/">Blog</a></li>
  169.                 <li><a href="https://jrtechs.me/">Portfolio</a></li>
  170.                 <li><a href="https://video.jrtechs.net/">Videos Site</a></li>
  171.                 <li><a href="https://github-graphs.com/">Github Generator</a></li>
  172.                 <li><a href="https://jrtechs.rh.rit.edu/">NAS</a></li>
  173.                 <li><a href="https://hoffends.jrtechs.net/">Hoffends Employee</a></li>
  174.                 <li><a href="https://pioneer.jrtechs.net/">Pioneer Employee</a></li>
  175.             </ul>
  176. 

  177. 

  178.             <li data-toggle="collapse" data-target="#new" class="collapsed">
  179.                 <a href="#"><i class="fa fa-car fa-lg"></i> RIT <span class="arrow"></span></a>
  180.             </li>
  181.             <ul class="sub-menu collapse" id="new">
  182.                 <li><a href="https://tigercenter.rit.edu/">Tiger Center</a></li>
  183.                 <li><a href="https://mycourses.rit.edu/">My Courses</a></li>
  184.                 <li><a href="https://fastapps.rit.edu/kronosTimecard/login">Kronos</a></li>
  185.                 <li><a href="https://www.rit.edu/eservices/">eServices</a></li>
  186.                 <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>
  187.                 <li><a href="https://myinfo.rit.edu/">Employee Services</a></li>
  188.             </ul>
  189.             <li>
  190.                 <a href="#">
  191.                     <i class="fa fa-user fa-lg"></i> Fitbit Data
  192.                 </a>
  193.             </li>
  194.             <li>
  195.                 <a href="https://github.com/jrtechs">
  196.                     <i class="fa fa-users fa-lg"></i> Github
  197.                 </a>
  198.             </li>
  199.         </ul>
  200.     </div>
  201. </div>
  202. 

  203. 

  204. <div class="container-fluid" id="main">
  205.     <br>
  206.     <div class="row">
  207.         <div class="col col-md-8 col-12">
  208.             <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&currentDetailsOption=true'></script>
  209.         </div>
  210.         <div class="col col-md-4 col-12">
  211.             <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&ltColor=C7C7C7&displaySum=yes&displayHeader=yes'></script>
  212.         </div>
  213.     </div>
  214. 

  215.     <div class="row">
  216.         <div class="col col-md-5 col-12">
  217. 

  218.         </div>
  219.         <div class="col col-md-4 col-12">
  220. 

  221.         </div>
  222.         <div class="col col-md-3 col-12">
  223. 

  224.         </div>
  225.     </div>
  226. </div>
  227. 

  228. 

  229. </body>
  230. 

  231. 

  232. <footer>
  233.     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  234.     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
  235.     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  236. </footer>
  237. </html>