jessebot/tiny_personal_website
1
0
Fork 0
mirror of https://github.com/jessebot/tiny_personal_website.git synced 2025-10-01 01:48:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

adding in my personal fun project, because it's fun

Browse source
This commit is contained in:
JesseBot 2019-01-11 07:29:27 +00:00
parent 2538dadaba
commit 6357d1a4ed
9 changed files with 1033 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

3
.gitignore vendored
View file

@ -11,3 +11,6 @@ photo/*
logs/*
personal_routes.py
robots.txt
bands.db
images/favicon.ico
images/jesserecent.jpg

896
css/main_resources.css Normal file
View file

@ -0,0 +1,896 @@
/*!
* BLOCKS - Responsive Dashboard Theme
*
* Copyright 2013
* Created by: Carlos Alvarez
* URL: http://Alvarez.is
* Designed and built based on Twitter Bootstrap.
*/
/* COLOR REFERENCE
- #1f1f1f (Background Color)
- #3d3d3d (Dash-unit and half-unit Section)
- #262626 (Footer)
- #fa1d2d (Red - Used in selectors, parragraphs, bars and other)
- #b2c831 (Green - Used in titles, badges, bars and other)
- #bdbdbd & #fff (Font colors)
*/
/**********BASE CONFIGURATIONS**********/
body {
background:#1f1f1f;
font-family: 'Open Sans', sans-serif;
}
h1 {
font-family: 'Raleway', sans-serif;}
h3, h4, h5 {
font-family: 'Open Sans', sans-serif;
font-weight:lighter;
}
h2{
font-size:22px;
}
h3 {
font-size:46px;
color:#b2c831
}
h5 {
color:#b2c831;
margin-left:5px;
}
/***********BLOCKS & WRAPS***********/
.aboutText {
padding-left: 10px;
padding-right: 5px;
padding-bottom: 10px;
}
.main-img {
border: 1px solid #383737;
background-image: url(../images/sep-half.png);
background-color: #3d3d3d;
box-shadow: 0 6px 12px rgba(0,0,0,.175);
margin-top: 17px;
margin-bottom: 17px;
}
/*--- Dash Unit / Used in Dashboard page ---*/
.dash-unit {
margin-bottom: 30px;
padding-bottom:10px;
border: 1px solid #383737;
background-image:url('../images/sep-half.png');
background-color: #3d3d3d;
color:white;
/*--- height:290px; ---*/
}
.dash-unit:hover {
background-color: #4f4f4f;
-moz-box-shadow: 3px 3px 2px 0px #151515;
-webkit-box-shadow: 3px 3px 2px 0px #151515;
box-shadow: 3px 3px 2px 0px #151515;
}
.dash-unit dtitle {
font-size:11px;
text-transform:uppercase;
color:#ffffff;
margin:8px;
padding:0px;
height:inherit
}
.dash-unit hr {
border: 0;
border-top: 1px solid #151515;
border-top-style: dashed;
margin-top:3px;
}
.dash-unit h1 {
font-family: 'Raleway', sans-serif;
font-weight:300;
font-size: 20px;
line-height: 2px;
letter-spacing: 0px;
color: #ffffff;
padding-top:10px;
padding-left:5px;
margin-top:2px;
text-align:center;
}
.dash-unit h2 {
font-family: 'Open Sans', sans-serif;
font-weight: bold;
font-size: 30px;
line-height: 26px;
letter-spacing: 0px;
color: #ffffff;
padding-top:10px;
padding-left:5px;
margin-top:2px;
text-align:center;
}
.dash-unit h3 {
font-weight:300;
font-size: 15px;
line-height: 2px;
letter-spacing: 0px;
color: #b2c831;
padding-top:10px;
padding-left:5px;
margin-top:2px;
text-align:center;
}
.dash-unit p {
font-size: 14px;
font-weight: 200;
line-height: 16px;
color: inherit;
margin: 0 0 10px;
padding:5px;
}
.dash-unit h4 {
padding-left:5px;
margin-top:2px;
font-size: 13px;
font-weight:lighter;
line-height: 1;
letter-spacing: 0px;
color: #fff;
}
.dash-unit bold{
font-family: 'Open Sans', sans-serif;
font-size:26px;
font-weight:bold;
color:#fff;
vertical-align:middle;
}
/**********Half-Unit / Used in index.html**********/
.half-unit {
margin-bottom: 30px;
padding-bottom: 4px;
border: 1px solid #383737;
background-image:url('../images/sep-half.png');
background-color: #3d3d3d;
color:white;
height:130px;
}
.half-unit:hover {
background-color: #4f4f4f;
-moz-box-shadow: 3px 3px 2px 0px #151515;
-webkit-box-shadow: 3px 3px 2px 0px #151515;
box-shadow: 3px 3px 2px 0px #151515;
}
.half-unit dtitle {
font-size:10px;
text-transform:uppercase;
color:#ffffff;
margin:8px;
padding:0px;
height:inherit
}
.half-unit hr {
border: 0;
border-top: 1px solid #151515;
border-top-style: dashed;
margin-top:3px;
}
.half-unit h1 {
font-family: 'Raleway', sans-serif;
font-weight:300;
font-size: 20px;
line-height: 1;
letter-spacing: 0px;
color: #ffffff;
padding-top:10px;
padding-left:5px;
margin-top:2px;
text-align:center;
}
.half-unit h4 {
padding-left:5px;
margin-top:2px;
font-size: 13px;
font-weight:lighter;
line-height: 1;
letter-spacing: 0px;
color: #fff;
}
.half-unit bold{
font-family: 'Open Sans', sans-serif;
font-size:26px;
font-weight:bold;
color:#fff;
vertical-align:middle;
}
/**********Styling Elements**********/
.cont {
text-align:center;
margin-top:30px;
}
.cont ok {
color:#b2c831;
}
.cont bad {
color:#fa1d2d;
}
.cont2 {
text-align:center;
margin-top:-15px;
font-size:12px;
line-height:7px;
}
.cont2 bold{
font-size:10px;
font-weight:bold;
color:#b2c831
}
.text p {
font-family: 'Open Sans', sans-serif;
margin-left:8px;
font-size:14px;
line-height:18px;
}
.text grey {
font-size:11px;
color:silver
}
/***********Bootstrap Default Modifications***********/
.thumbnail {
border:0px;
text-align:center;
-webkit-box-shadow: 0px;
-moz-box-shadow: 0px;
box-shadow: 0px;
background: none;
text-align: center;
}
.modal-header {
background-image:url('../images/sep-half.png');
background-color: #4f4f4f;
color:#fff;
}
input[type=submit] {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
background: #b2c831;
color: #fff;
border: none;
padding: 8px 28px 10px 26px;
*-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
input[type=text], textarea {
background: #cdcbcc;
font-size: 13px;
display: block;
width: 100%;
border: none;
box-shadow: none;
height: 30px;
line-height: 18px;
padding: 0;
text-indent: 18px;
margin: 0 0 18px;
}
textarea {
line-height: 18px;
padding: 18px;
width: 100%;
text-indent: 0;
}
.textarea-container { margin: 0 18px; }
.textarea-container textarea { margin-left: -18px; }
#contact textarea { width: 100%; height: 45px; }
.progress-bar {
background-color: #b2c831;
}
/***********LineIcons Styles***********/
.info-user {
text-align:center;
font-size: 24px;
color: #b2c831;
}
.fs1 {
padding:5px 5px 5px 5px;
position:relative;
}
.fs1:hover {
position:relative;
color: #fff;
cursor:pointer
}
.fs2 {
padding:5px 5px 5px 5px;
position:relative;
font-size:35px;
vertical-align: text-bottom
}
/**********Clock Configuration**********/
digiclock {
font-size: 30px;
color: #fff;
text-align: center;
line-height: 60px;
margin-left: auto
}
.clockcenter {
text-align:center;
}
/**********Mail Style Configuration**********/
.framemail {
cursor: default;
}
.framemail .window {
font-size: 0;
margin-top: -1px;
overflow: hidden;
margin-left: -18px;
}
.framemail .window .mail li {
background-color:#3d3d3d;
background-image: -webkit-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.05));
background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.05));
background-image: -ms-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.05));
background-image: -o-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.05));
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.05));
border-top: 1px solid #888;
position: relative;
margin-left:-18px;
}
.framemail .window .mail li:first-child {
border-top: none;
}
.framemail .window .mail li:hover {
background-color: #5d5b5b;
}
.framemail .window .mail li:after,
.framemail .window .mail li:before {
border-left: 8px solid transparent;
border-top: 8px solid #df6;
content: '';
height: 0;
position: absolute;
right: 0;
top: 0;
width: 0;
}
.framemail .window .mail li:before {
border-top-color: #bbb;
border-width: 9px;
}
.framemail .window .mail li:nth-child(1):after,
.framemail .window .mail li:nth-child(1):before {
border: none;
}
.framemail .window .mail li:nth-child(2):after {
border-top-color: #fa1d2d;
}
.framemail .window .mail li i {
display: inline-block;
height: 48px;
width: 6px;
}
.framemail .window .mail li .read {
background-color: #ddd;
}
.framemail .window .mail li .unread {
background: #b2c831;
}
.framemail .window .mail li img {
background: #819da2;
border-radius: 2px;
height: 36px;
left: 12px;
position: absolute;
top: 6px;
width: 36px;
}
.framemail .window .mail li p {
font: 13px/24px sans-serif;
left: 56px;
position: absolute;
top: 3px;
}
.framemail .window .mail li .sender {
color: #e9e8e8;
font-weight: bold;
text-shadow: 0 1px 1px hsla(0,0%,100%,.5);
}
.framemail .window .mail li .message {
color: #999;
overflow: hidden;
text-overflow: ellipsis;
top: 21px;
white-space: nowrap;
}
.framemail .window .mail li .message strong {
color: #999;
}
.framemail .window .mail li .actions {
height: 16px;
position: absolute;
right: 19px;
text-align: right;
top: 0;
width: 96px;
}
.framemail .window .mail li .actions img {
background: none;
display: inline-block;
height: 16px;
margin-left: 6px;
opacity: .1;
position: relative;
width: 16px;
}
.framemail .window .mail li:hover .actions img {
opacity: .25;
}
.framemail .window .mail li .actions img:hover {
opacity: .75;
}
/**********DONUT CHARTS STYLES**********/
#load {
width: 11.313em;
height: 11.313em;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 1.063em;
background-position: center center;
margin:auto;
}
#space {
width: 11.313em;
height: 11.313em;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 1.063em;
background-position: center center;
margin:auto;
}
/**********LINE AND BARS**********/
.section-graph {
position: relative;
height: 130px;
color: #fff;
background-image: linear-gradient(color-stops(#b2c831, #b2c831 50%, #b2c831 50%));
margin-bottom:20px;
}
.section-graph .graph-info {
z-index: 99;
position: absolute;
font-weight: bold;
margin-top: 12px;
margin-left: 21px;
width: 100px;
}
.section-graph .graph-info .graph-arrow {
width: 0;
height: 0;
margin-top: 18px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid white;
float: left;
}
.section-graph .graph-info .graph-info-big {
font-size: 24px;
float: left;
margin-left: 3px;
}
.section-graph .graph-info .graph-info-small {
margin-left: 3px;
font-size: 12px;
font-weight: normal;
color: rgba(255, 255, 255, 0.5);
clear: left;
margin-left: 8px;
}
/*
* Info Section
*/
.info-aapl {
text-align: center;
}
.info-aapl ul {
margin-left:30%;
}
.info-aapl li {
margin: 0;
display: block;
width: 9px;
height: 40px;
margin-right: 6px;
background-color: #f5f0ec;
float:left;
position: relative;
}
.info-aapl li span {
display: block;
width: 9px;
height: 40px;
position: absolute;
bottom: 0;
}
.info-aapl li span.orange {
background-color: #fa1d2d;
}
.info-aapl li span.green {
background-color: #b2c831;
}
/**********TWITTER WIDGET **********/
#jstwitter ul li{
color:#bdbdbd;
padding:.5em .75em;
}
#jstwitter ul{
margin-left:0;
list-style:none
}
#jstwitter:first-child{
border-top:0
}
ul#jstwitter li a{
font-size:10px;
font-style:italic;
color:#666;
text-decoration:none
}
/********** CUSTOMIZED BUTTON **********/
.btnnew {
display: inline-block;
*border-left: 0 none #707070;
border-right: 0 none #707070;
border-top: 0 none #707070;
border-bottom: 0 none #707070;
display: inline;
padding: 4px 12px;
margin-bottom: 0;
*margin-left: .3em;
font-size: 14px;
line-height: 20px;
color: #b2c831;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-color: #5a5a5a;
*background-color: #5a5a5a;
background-repeat: repeat-x;
*-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
background-image: linear-gradient(to bottom, #707070, #707070);*
}
/********** SWITCH BUTTON **********/
.switch {
position: relative;
margin: 20px auto;
height: 26px;
width: 120px;
background: rgba(0, 0, 0, 0.25);
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}
.switch-label {
position: relative;
z-index: 2;
float: left;
width: 58px;
line-height: 26px;
font-size: 11px;
color: rgba(255, 255, 255, 0.35);
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
cursor: pointer;
}
.switch-label:active {
font-weight: bold;
}
.switch-label-off {
padding-left: 2px;
}
.switch-label-on {
padding-right: 2px;
}
/*
* Note: using adjacent or general sibling selectors combined with
* pseudo classes doesn't work in Safari 5.0 and Chrome 12.
* See this article for more info and a potential fix:
* http://css-tricks.com/webkit-sibling-bug/
*/
.switch-input {
display: none;
}
.switch-input:checked + .switch-label {
font-weight: bold;
color: rgba(0, 0, 0, 0.65);
text-shadow: 0 1px rgba(255, 255, 255, 0.25);
-webkit-transition: 0.15s ease-out;
-moz-transition: 0.15s ease-out;
-o-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.switch-input:checked + .switch-label-on ~ .switch-selection {
left: 60px;
/* Note: left: 50% doesn't transition in WebKit */
}
.switch-selection {
display: block;
position: absolute;
z-index: 1;
top: 2px;
left: 2px;
width: 58px;
height: 22px;
background: #b2c831;
border-radius: 3px;
background-image: -webkit-linear-gradient(top, #b6c753, #b2c831);
background-image: -moz-linear-gradient(top, #b6c753, #b2c831);
background-image: -o-linear-gradient(top, #b6c753, #b2c831);
background-image: linear-gradient(to bottom, #b6c753, #b2c831);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
-webkit-transition: left 0.15s ease-out;
-moz-transition: left 0.15s ease-out;
-o-transition: left 0.15s ease-out;
transition: left 0.15s ease-out;
}
.switch-blue .switch-selection {
background: #3aa2d0;
background-image: -webkit-linear-gradient(top, #4fc9ee, #3aa2d0);
background-image: -moz-linear-gradient(top, #4fc9ee, #3aa2d0);
background-image: -o-linear-gradient(top, #4fc9ee, #3aa2d0);
background-image: linear-gradient(to bottom, #4fc9ee, #3aa2d0);
}
.switch-yellow .switch-selection {
background: #fa1d2d;
background-image: -webkit-linear-gradient(top, #f93e4b, #fa1d2d);
background-image: -moz-linear-gradient(top, #f93e4b, #fa1d2d);
background-image: -o-linear-gradient(top, #f93e4b, #fa1d2d);
background-image: linear-gradient(to bottom, #f93e4b, #fa1d2d);
}
/**********Gauge Chart**********/
#canvas {
display: block;
width: 150px;
margin: 30px auto;
}
/**********Accordion Styling**********/
.accordion-group {
border: 1px solid #222;
}
.accordion-heading {
background-color: #5a5a5a;
*background-color: #5a5a5a;
background-repeat: repeat-x;
*-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
background-image: linear-gradient(to bottom, #707070, #707070);*
}
/**********Link Styling**********/
a {
color: #b2c831;
text-decoration: none;
}
a:hover {
color: #dff948;
text-decoration: none;
}
/**********FooterWrap Section**********/
#footerwrap {
width: 100%;
background:#262626;
background-image:url('../images/sep-half.png');
padding-top:25px;
padding-bottom: 40px;
border-top-style: solid;
border-top-width:8px;
border-top-color:#1d1d1d;
text-align:center
}
#footerwrap p {
color:white;
font-size:12px;
}
/***********FULLCALENDAR STYLE***********/
#external-events {
padding: 0 10px;
border: 1px solid #8b8b8a;
background-color: #8b8b8a;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align: left;
}
#external-events h4 {
font-size: 16px;
margin-top: 0;
padding-top: 1em;
}
.external-event { /* try to mimick the look of a real event */
margin: 10px 0;
padding: 2px 4px;
background: #b2c831;
color: #fff;
font-size: .85em;
cursor: pointer;
}
#external-events p {
margin: 1.5em 0;
font-size: 11px;
color: #b2c831;
}
#external-events p input {
margin: 0;
vertical-align: middle;
}
#calendar {
width:100%;
}
/**********Media Styles**********/
@media (max-width: 360px){
/*Calendar Adsjustments*/
.fc-header {margin-top:15px;}
.fc-header-title h2{font-size:10px; }
.fc-header-right {display:none}
}
/* portrait tablet */
@media (min-width: 767px) and (max-width: 768px) {
.info-aapl ul {
margin-left:10px;
float:left;
}
#load {
margin-left:5px;
margin-right:10px;
}
#space {
margin-left:5px;
margin-right:10px;
}
}
@media (min-width: 900px) {
.container {
width: 1100px;
}
}
@media (max-width: 800px) {
.col-xs-8, .col-xs-10 {
float: none;
margin: 0 auto;
}
}
/* Landscape iphone 5 and samsung galaxy */
@media (min-width: 560px) and (max-width: 685px) {
.info-aapl ul {
margin-left:40%;
}
}
@media (min-width: 750px) {
.container {
padding: 30px 35px 10px 10px;
}
}

BIN
images/noun_Health_1993730.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
images/noun_gender_pill.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 8.4 KiB

BIN
images/noun_rock_monster.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 10 KiB

36
personal_routes.py
View file

@ -60,22 +60,36 @@ def next_band():
log.info("oh hi, you must be here to see the name of my next band")
# Grab site specific information - YAML
globals = get_global_variables()
return template('next-band', globals=globals)
cmd = "./band_names.py --get-all"
@route('/next-band' method='POST')
def next_band_submit():
# Grab site specific information - YAML
globals = get_global_variables()
cmd = "./band_names.py --band '{0}'".format(band_name)
# verify what we're running
log.info("Running command: {0}".format(cmd))
process = subprocess.Popen(cmd.split(), stdout=subprocess.PIPE)
output, error = process.communicate()
if error:
return error
else:
return True
log.info("received cmd response: {0}".format(output))
return template('next-band', globals=globals, bands=output)
@route('/next-band', method='POST')
def next_band_submit():
# get band from post
inputBand = request.forms.get('inputBand')
log.info("received band name: {0}".format(inputBand))
cmd = "./band_names.py --band '{0}'".format(inputBand)
# verify what we're running
log.info("Running command: {0}".format(cmd))
process = subprocess.Popen(cmd.split(), stdout=subprocess.PIPE)
output, error = process.communicate()
log.info("received cmd response: {0}".format(output))
# return just the error. TODO: make legit error page or banner or somethin
if error:
return "<p>{0}</p>".format(error)
# if success redirect back to main page
redirect("/next-band")
@route('/next-band-get-all')
def next_band_get_all():
# Grab site specific information - YAML

39
views/header_resources.tpl Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Resume website for {{globals['name']}}">
<meta name="author" content="Jesse Hitch">
<meta name="theme-color" content="#1f1f1f" />
<link rel="icon" type="image/x-icon" href="/images/{{globals['favicon']}}">
<meta property="og:url" content="https://jessebot.io">
<meta property="og:image" content="/images/{{globals['image']}}">
<meta property="og:title" content="{{globals['website_title']}}">
<meta property="og:description" content="Resume website for {{globals['name']}}">
<meta property="og:type" content="profile">
<title>{{globals['website_title']}}</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<!-- Custom styles for this template -->
<link href="/css/main_resources.css" rel="stylesheet">
<link href="css/tabs.css" rel="stylesheet">
<link href="css/font-style.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px;
}
</style>
</head>
<body>
% if globals['fork_me']:
<a href="https://github.com/jessebot/tiny_personal_website" class="github-corner" aria-label="View source on Github"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#1f1f1f; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)']}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out']}}</style>
% end

4
views/next-band.tpl
View file

@ -25,11 +25,11 @@
<hr>
<center>
<div class="col-xl-11 col-lg-11 col-md-11 col-sm-11 col-xs-12">
<form>
<form action="/next-band" method="post">
<center>
<div class="form-group col-md-6">
<label for="inputBand" class="sr-only">Input Band Name Here</label>
<input type="text" class="form-control" id="inputBand" placeholder="Band Name">
<input type="text" class="form-control" id="inputBand" name="inputBand" placeholder="Band Name">
<button type="submit" class="btn btn-primary btn-sm mb-2">Submit</button>
</div>
</center>

68
views/resources.tpl Normal file
View file

@ -0,0 +1,68 @@
% include('header_resources.tpl')
<div class="container">
<h3>Come learn about things!</h3>
<br />
<div class="row">
<div class="col-xs-8 col-sm-4 col-md-3 col-lg-3">
<div class="dash-unit bhoechie-tab-container">
<dtitle>
Health
</dtitle>
<hr style="margin-bottom: 0;">
<img class="img-responsive img-rounded center-block main-img"
src="/images/noun_Health_1993730.png"
alt="Boop."
style="height:250px;"
data-toggle="tooltip" data-placement="bottom"
title="Nutrition stuff">
</div><!-- /.dash-unit -->
</div><!-- /.col -->
<div class="col-xs-8 col-sm-4 col-md-3 col-lg-3">
<div class="dash-unit bhoechie-tab-container">
<dtitle>
Tech Stuff
</dtitle>
<hr style="margin-bottom: 0;">
<img class="img-responsive img-rounded center-block main-img"
src="/images/noun_Robot_771023.png"
alt="Boop."
style="height:250px;"
data-toggle="tooltip" data-placement="bottom"
title="Tech stuff">
</div><!-- /.dash-unit -->
</div><!-- /.col -->
<div class="col-xs-8 col-sm-4 col-md-3 col-lg-3">
<div class="dash-unit bhoechie-tab-container">
<dtitle>
Trans Data
</dtitle>
<hr style="margin-bottom: 0;">
<img class="img-responsive img-rounded center-block main-img"
src="/images/noun_gender_pill.png"
alt="Boop."
style="height:250px;"
data-toggle="tooltip" data-placement="bottom"
title="Transgender words.">
</div><!-- /.dash-unit -->
</div><!-- /.col -->
<div class="col-xs-8 col-sm-4 col-md-3 col-lg-3">
<div class="dash-unit bhoechie-tab-container">
<dtitle>
The name of my next band
</dtitle>
<hr style="margin-bottom: 0;">
<img class="img-responsive img-rounded center-block main-img"
src="/images/noun_rock_monster.png"
alt="Boop."
style="height:250px;"
data-toggle="tooltip" data-placement="bottom"
title="Name of my next band">
</div><!-- /.dash-unit -->
</div><!-- /.col -->
</div><!-- /.row ALL CARDS-->
</div><!-- /.container MAIN-->
% include('footer_main.tpl')