mirror of
https://github.com/jessebot/tiny_personal_website.git
synced 2025-10-01 01:48:43 +00:00
switching to hosted bootstrap js and local nerdfonts
This commit is contained in:
parent
b8ab6cbab5
commit
3027f142b2
10 changed files with 158 additions and 11657 deletions
|
|
@ -1,44 +1,52 @@
|
|||
---
|
||||
# absolute path required
|
||||
web_root: '/var/www/html'
|
||||
# favicon, can take any image type
|
||||
favicon: 'favicon.ico'
|
||||
# domain name, or whatever you want the tab in the browser to say
|
||||
website_title: 'jessebot.work'
|
||||
# the default image shown at the front of the page
|
||||
image: './my_picture.png'
|
||||
# set to false to remove fork me banner in uppper right corner
|
||||
fork_me: true
|
||||
|
||||
|
||||
# image shown at the front of the page, this should be in /static/img
|
||||
profile_image: 'my_picture.png'
|
||||
# image alt text
|
||||
image_alt: 'Portrait selfie of a 30 year old person with an undercut and medium legnth blue hair parted to the side. They are smiling and wearing a black shirt.'
|
||||
profile_image_alt: 'Portrait selfie of a 30 year old person with an undercut and medium legnth blue hair parted to the side. They are smiling and wearing a black shirt.'
|
||||
# Your name
|
||||
name: 'Jesse Hitch'
|
||||
# Pronouns
|
||||
pronouns: 'they/them'
|
||||
# blurb about yourself
|
||||
blurb: "You can probably call me if there's a problem with kubernetes, CI/CD, a python app, or you need help with most things to do with the web. I also put too much effort into terminal based interfaces, and if you let me, will draw pictures of my infra."
|
||||
|
||||
# Job Title
|
||||
occupation: 'DevOps Engineer'
|
||||
# blurb about yourself
|
||||
blurb: "I'm a DevOps engineer who's always looking for a fun project. I can get your CI/CD setup, create tool sets, and automate anything else you need. Python is my weapon of choice, and Linux remains my valiant companion. Together we navigate the ever changing waters of Kubernetes! I am excellent at relieving developer headaches due to tedious technical tasks, and I can also help your diversity and inclusion efforts!"
|
||||
# Skills - what you're good at.
|
||||
skills: ['linux', 'devops']
|
||||
# things you like
|
||||
likes: ['videogames', 'analogies', 'silly hair']
|
||||
skills:
|
||||
- linux
|
||||
- devops
|
||||
- python
|
||||
- kubernetes
|
||||
- cicd
|
||||
|
||||
# This is for a section to humanize the user
|
||||
likes:
|
||||
- comfy couches
|
||||
- videogames
|
||||
- analogies
|
||||
|
||||
# social links you want to display on the profile
|
||||
social_links:
|
||||
- github
|
||||
- gitlab
|
||||
- linkedin
|
||||
# Full URL to your github
|
||||
github_URL: 'https://github.com/jessebot'
|
||||
# Full URL to your gitlab
|
||||
gitlab_URL: 'https://gitlab.com/jessebot'
|
||||
# Full URL to your linkedin public profile
|
||||
linkedin_URL: 'https://www.linkedin.com/in/jesse-hitch'
|
||||
# in your google doc, you can go to download as and right click copy that
|
||||
# URL, or you can host a live copy at another URL
|
||||
github:
|
||||
# Full URL to your social link
|
||||
URL: 'https://github.com/jessebot'
|
||||
# can be any glyph in nerdfonts
|
||||
icon: 'nf-fa-github_alt'
|
||||
gitlab:
|
||||
URL: 'https://gitlab.com/jessebot'
|
||||
icon: "nf-fa-gitlab"
|
||||
linkedin:
|
||||
URL: 'https://www.linkedin.com/in/jesse-hitch'
|
||||
icon: 'nf-fa-linkedin_square'
|
||||
|
||||
# this can be from any provider, but has to download a PDF file
|
||||
resume_pdf_URL: "https://docs.google.com/document/d/1O-qsyVP444QeaBi9EwygDlGzIWvMMUJP80cPsk2Z6lg/export?format=pdf"
|
||||
# setting to false will remove fork me corner banner
|
||||
fork_me: true
|
||||
# Boolean, if set to True, will generate new panel with below info
|
||||
optional_panel: true
|
||||
# this could be social media, other conent, whatever suits you!
|
||||
opt_panel_title: "Linux Newbie Class"
|
||||
opt_panel_image: "penguin_copy.png"
|
||||
opt_panel_button_text: "How To Unix/Linux"
|
||||
opt_panel_URL: "http://howtonix.info/"
|
||||
|
|
|
|||
24
static/css/fonts.css
Normal file
24
static/css/fonts.css
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
@font-face {
|
||||
font-family: 'Mononoki';
|
||||
src: url('/static/fonts/mononoki-Regular-Nerd-Font-Complete-Mono.ttf');
|
||||
}
|
||||
|
||||
[class^="nf-"]:before {
|
||||
font-family: 'Mononoki';
|
||||
}
|
||||
|
||||
.nf-fa-user_secret:before {
|
||||
content: "\f21b";
|
||||
}
|
||||
|
||||
.nf-fa-github_alt:before {
|
||||
content: "\f113";
|
||||
}
|
||||
|
||||
.nf-fa-gitlab:before {
|
||||
content: "\f296";
|
||||
}
|
||||
|
||||
.nf-fa-linkedin_square:before {
|
||||
content: "\f08c";
|
||||
}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
/*!
|
||||
/* This is built on:
|
||||
* BLOCKS - Responsive Dashboard Theme
|
||||
*
|
||||
* Copyright 2013
|
||||
|
|
@ -18,9 +18,31 @@
|
|||
|
||||
|
||||
/**********BASE CONFIGURATIONS**********/
|
||||
|
||||
@font-face {
|
||||
font-family: 'Mononoki';
|
||||
src: url('/static/fonts/mononoki-Regular-Nerd-Font-Complete-Mono.ttf');
|
||||
}
|
||||
|
||||
[class^="nf-"]:before {
|
||||
font-family: 'Mononoki';
|
||||
}
|
||||
|
||||
.nf-fa-github_alt:before {
|
||||
content: "\f113";
|
||||
}
|
||||
|
||||
.nf-fa-gitlab:before {
|
||||
content: "\f296";
|
||||
}
|
||||
|
||||
.nf-fa-linkedin_square:before {
|
||||
content: "\f08c";
|
||||
}
|
||||
|
||||
body {
|
||||
background:#1f1f1f;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-family: 'Mononoki';
|
||||
text-align: center;
|
||||
color: silver;
|
||||
justify-content: center;
|
||||
|
|
@ -29,26 +51,26 @@ body {
|
|||
}
|
||||
|
||||
h1 {
|
||||
font-family: 'Raleway', sans-serif;
|
||||
font-family: 'Raleway', sans-serif;
|
||||
}
|
||||
|
||||
h3, h4, h5 {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight:lighter;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: lighter;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size:22px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size:46px;
|
||||
color:#b2c831
|
||||
font-size: 46px;
|
||||
color: #b2c831
|
||||
}
|
||||
|
||||
h5 {
|
||||
color:#b2c831;
|
||||
margin-left:5px;
|
||||
color: #b2c831;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
/***********BLOCKS & WRAPS***********/
|
||||
|
|
@ -63,9 +85,9 @@ h5 {
|
|||
box-shadow: 0 6px 12px rgba(0,0,0,.175);
|
||||
margin-top: 17px;
|
||||
margin-bottom: 17px;
|
||||
border-radius: 4px;
|
||||
border-radius: 80px;
|
||||
-moz-border-radius: 4px;
|
||||
border:1px solid #3d3d3d;
|
||||
border: 1px solid #3d3d3d;
|
||||
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
|
||||
box-shadow: 0 6px 12px rgba(0,0,0,.175);
|
||||
-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
|
||||
|
|
@ -74,15 +96,15 @@ h5 {
|
|||
|
||||
/*--- Dash Unit / Used in Dashboard page ---*/
|
||||
.dash-unit {
|
||||
margin-bottom: 30px;
|
||||
padding-bottom:10px;
|
||||
background-image:url('../images/sep-half.png');
|
||||
background-color: #3d3d3d;
|
||||
color:white;
|
||||
margin-bottom: 30px;
|
||||
padding-bottom: 10px;
|
||||
background-image: url('../images/sep-half.png');
|
||||
background-color: #3d3d3d;
|
||||
color: white;
|
||||
width: 25rem;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border:1px solid #3d3d3d;
|
||||
border: 1px solid #3d3d3d;
|
||||
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
|
||||
box-shadow: 0 6px 12px rgba(0,0,0,.175);
|
||||
-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
|
||||
|
|
@ -92,11 +114,10 @@ h5 {
|
|||
}
|
||||
|
||||
.dash-unit:hover {
|
||||
background-color: #4f4f4f;
|
||||
-moz-box-shadow: 3px 3px 2px 0px #151515;
|
||||
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 {
|
||||
|
|
@ -106,7 +127,7 @@ h5 {
|
|||
margin:8px;
|
||||
padding:0px;
|
||||
height:inherit
|
||||
}
|
||||
}
|
||||
|
||||
.dash-unit hr {
|
||||
border: 0;
|
||||
|
|
@ -141,7 +162,6 @@ h5 {
|
|||
text-align:center;
|
||||
}
|
||||
|
||||
|
||||
.dash-unit h3 {
|
||||
font-weight:300;
|
||||
font-size: 15px;
|
||||
|
|
@ -154,7 +174,6 @@ h5 {
|
|||
text-align:center;
|
||||
}
|
||||
|
||||
|
||||
.dash-unit p {
|
||||
font-size: 14px;
|
||||
font-weight: 200;
|
||||
|
|
@ -162,11 +181,11 @@ h5 {
|
|||
color: inherit;
|
||||
margin: 0 0 10px;
|
||||
padding:10px;
|
||||
}
|
||||
}
|
||||
|
||||
.dash-unit h4 {
|
||||
padding-left:5px;
|
||||
margin-top:2px;
|
||||
padding-left: 5px;
|
||||
margin-top: 2px;
|
||||
font-size: 13px;
|
||||
font-weight:lighter;
|
||||
line-height: 1;
|
||||
|
|
@ -176,10 +195,10 @@ h5 {
|
|||
|
||||
.dash-unit bold{
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-size:26px;
|
||||
font-weight:bold;
|
||||
color:#fff;
|
||||
vertical-align:middle;
|
||||
font-size: 26px;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -190,8 +209,8 @@ h5 {
|
|||
border: 1px solid #383737;
|
||||
background-image:url('../images/sep-half.png');
|
||||
background-color: #3d3d3d;
|
||||
color:white;
|
||||
height:130px;
|
||||
color: white;
|
||||
height: 130px;
|
||||
width: 18rem;
|
||||
}
|
||||
|
||||
|
|
@ -321,8 +340,8 @@ input[type=submit] {
|
|||
*-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
|
||||
}
|
||||
|
||||
input[type=text], textarea {
|
||||
background: #cdcbcc;
|
||||
font-size: 13px;
|
||||
|
|
@ -335,101 +354,28 @@ input[type=text], textarea {
|
|||
text-indent: 18px;
|
||||
margin: 0 0 18px;
|
||||
}
|
||||
|
||||
textarea {
|
||||
line-height: 18px;
|
||||
padding: 18px;
|
||||
text-indent: 0;
|
||||
}
|
||||
|
||||
.textarea-container { margin: 0 18px; }
|
||||
.textarea-container textarea { margin-left: -18px; }
|
||||
|
||||
/**********Clock Configuration**********/
|
||||
|
||||
digiclock {
|
||||
font-size: 30px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 60px;
|
||||
margin-left: auto
|
||||
}
|
||||
|
||||
.clockcenter {
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
|
||||
/**********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 Section ****************/
|
||||
.info-aapl {
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
.info-aapl ul {
|
||||
margin-left:30%;
|
||||
|
||||
}
|
||||
|
||||
.info-aapl li {
|
||||
margin: 0;
|
||||
display: block;
|
||||
|
|
@ -440,6 +386,7 @@ digiclock {
|
|||
float:left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.info-aapl li span {
|
||||
display: block;
|
||||
width: 9px;
|
||||
|
|
@ -447,35 +394,15 @@ digiclock {
|
|||
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;
|
||||
|
|
@ -511,6 +438,7 @@ ul#jstwitter li a{
|
|||
.accordion-group {
|
||||
border: 1px solid #222;
|
||||
}
|
||||
|
||||
.accordion-heading {
|
||||
background-color: #5a5a5a;
|
||||
*background-color: #5a5a5a;
|
||||
|
|
@ -525,6 +453,7 @@ ul#jstwitter li a{
|
|||
background-image: linear-gradient(to bottom, #707070, #707070);*
|
||||
}
|
||||
|
||||
|
||||
/**********Link Styling**********/
|
||||
a {
|
||||
color: #b2c831;
|
||||
|
|
@ -537,7 +466,6 @@ a:hover {
|
|||
}
|
||||
|
||||
|
||||
|
||||
/**********FooterWrap Section**********/
|
||||
#footerwrap {
|
||||
background:#262626;
|
||||
|
|
@ -548,7 +476,6 @@ a:hover {
|
|||
border-top-width:8px;
|
||||
border-top-color:#1d1d1d;
|
||||
text-align:center
|
||||
|
||||
}
|
||||
|
||||
#footerwrap p {
|
||||
|
|
@ -557,7 +484,6 @@ a:hover {
|
|||
}
|
||||
|
||||
|
||||
|
||||
/**********Media Styles**********/
|
||||
|
||||
/* portrait tablet */
|
||||
|
|
@ -565,34 +491,31 @@ a:hover {
|
|||
.info-aapl ul {
|
||||
margin-left:10px;
|
||||
float:left;
|
||||
}
|
||||
}
|
||||
|
||||
#load {
|
||||
margin-left:5px;
|
||||
margin-right:10px;
|
||||
}
|
||||
|
||||
#space {
|
||||
margin-left:5px;
|
||||
margin-right:10px;
|
||||
}
|
||||
#load {
|
||||
margin-left:5px;
|
||||
margin-right:10px;
|
||||
}
|
||||
|
||||
#space {
|
||||
margin-left:5px;
|
||||
margin-right:10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.col-xs-8, .col-xs-10 {
|
||||
float: none;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.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) {
|
||||
|
|
|
|||
|
|
@ -1,175 +0,0 @@
|
|||
div.bhoechie-tab-container{
|
||||
z-index: 10;
|
||||
padding: 0 !important;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border:1px solid #3d3d3d;
|
||||
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
|
||||
box-shadow: 0 6px 12px rgba(0,0,0,.175);
|
||||
-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
|
||||
background-clip: padding-box;
|
||||
opacity: 0.97;
|
||||
filter: alpha(opacity=97);
|
||||
}
|
||||
div.bhoechie-tab-menu{
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-bottom: 0;
|
||||
background-color: #3d3d3d;
|
||||
}
|
||||
div.bhoechie-tab-menu div.list-group{
|
||||
background-color: #3d3d3d;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
div.bhoechie-tab-menu div.list-group>a:not(.active):last-child:hover,
|
||||
div.bhoechie-tab-menu div.list-group>a:not(.active):last-child:focus,
|
||||
div.bhoechie-tab-menu div.list-group>a:not(.active):first-child:hover,
|
||||
div.bhoechie-tab-menu div.list-group>a:not(.active):first-child:focus {
|
||||
border-color: #1f1f1f;
|
||||
}
|
||||
|
||||
div.bhoechie-tab-menu div.list-group>a {
|
||||
margin-bottom: 0;
|
||||
padding: 0px 0px 0px 0px;
|
||||
border-bottom-right-radius: 0;
|
||||
-moz-border-bottom-right-radius: 0;
|
||||
background-color: #3d3d3d;
|
||||
background-image: url('../images/sep-half.png');
|
||||
border-color: #383737;
|
||||
}
|
||||
div.bhoechie-tab-menu div.list-group>a .fa {
|
||||
border-top-right-radius: 0;
|
||||
-moz-border-top-right-radius: 0;
|
||||
background-color: #3d3d3d;
|
||||
background-image: url('../images/sep-half.png');
|
||||
border-color: #383737;
|
||||
}
|
||||
div.bhoechie-tab-menu div.list-group>a:first-child{
|
||||
border-top-right-radius: 0;
|
||||
-moz-border-top-right-radius: 0;
|
||||
background-color: #3d3d3d;
|
||||
background-image: url('../images/sep-half.png');
|
||||
border-color: #383737;
|
||||
}
|
||||
div.bhoechie-tab-menu div.list-group>a:last-child{
|
||||
border-bottom-right-radius: 0;
|
||||
-moz-border-bottom-right-radius: 0;
|
||||
background-color: #3d3d3d;
|
||||
background-image: url('../images/sep-half.png');
|
||||
color: #ffffff;
|
||||
border-color: #383737;
|
||||
}
|
||||
div.bhoechie-tab-menu div.list-group>a.active,
|
||||
div.bhoechie-tab-menu div.list-group>a.active .fa{
|
||||
background-color: #333333;
|
||||
background-image: url('../images/sep-half.png');
|
||||
border-color: #383737;
|
||||
}
|
||||
div.bhoechie-tab-menu div.list-group>a.active:after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
top: 50%;
|
||||
margin-top: -13px;
|
||||
border-left: 0;
|
||||
border-bottom: 13px solid transparent;
|
||||
border-top: 13px solid transparent;
|
||||
border-left: 10px solid #333333;
|
||||
background-image: url('../images/sep-half.png');
|
||||
}
|
||||
|
||||
div.bhoechie-tab-content{
|
||||
padding-left: 10px;
|
||||
padding-top: 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div.bhoechie-tab div.bhoechie-tab-content{
|
||||
display: block;
|
||||
}
|
||||
|
||||
div.bhoechie-tab div.bhoechie-tab-content:not(.active){
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab-pane {
|
||||
padding-top: 15px;
|
||||
padding-bottom: 20px;
|
||||
margin-bottom: 20px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
position: relative;
|
||||
top: 20%;
|
||||
transform: translateY(+10%);
|
||||
}
|
||||
|
||||
.nav-tabs {
|
||||
margin: 0 0 0 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
background-image: url('../images/sep-half.png');
|
||||
background-color: #3d3d3d;
|
||||
}
|
||||
|
||||
.nav-tabs>li {
|
||||
background-image: url('../images/sep-half.png');
|
||||
border-top: 1px solid transparent;
|
||||
border-left: 1px solid transparent;
|
||||
border-right: 1px solid #333;
|
||||
border-bottom: 1px solid #333;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.nav-tabs>li>a,
|
||||
.nav-tabs>li>a:focus,
|
||||
.nav-tabs>li>a:hover {
|
||||
padding-top: 25px;
|
||||
padding-bottom: 25px;
|
||||
background-color: #3d3d3d;
|
||||
background-image: url('../images/sep-half.png');
|
||||
}
|
||||
|
||||
.nav-tabs>li>a:focus,
|
||||
.nav-tabs>li>a:hover {
|
||||
border-color: #1f1f1f;
|
||||
}
|
||||
|
||||
.nav-tabs>li.active>a,
|
||||
.nav-tabs>li.active>a:focus,
|
||||
.nav-tabs>li.active>a:hover {
|
||||
background-color: #333333;
|
||||
background-image: url('../images/sep-half.png');
|
||||
border-bottom: 1px solid #333333;
|
||||
border-top: 1px solid transparent;
|
||||
border-left: 1px solid #333333;
|
||||
border-right: 1px solid transparent;
|
||||
}
|
||||
|
||||
.nav-tabs>li.active>a:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 35%;
|
||||
top: 110%;
|
||||
margin-top: -13px;
|
||||
border-bottom: 20px solid transparent;
|
||||
border-top: 20px solid #333333;
|
||||
border-right: 25px solid transparent;
|
||||
border-left: 25px solid transparent;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.container {
|
||||
padding-top: 95px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.container {
|
||||
padding-top: 55px;
|
||||
}
|
||||
}
|
||||
BIN
static/fonts/mononoki-Regular-Nerd-Font-Complete-Mono.ttf
Normal file
BIN
static/fonts/mononoki-Regular-Nerd-Font-Complete-Mono.ttf
Normal file
Binary file not shown.
1999
static/js/bootstrap.js
vendored
1999
static/js/bootstrap.js
vendored
File diff suppressed because it is too large
Load diff
7
static/js/bootstrap.min.js
vendored
7
static/js/bootstrap.min.js
vendored
File diff suppressed because one or more lines are too long
9252
static/js/jquery.js
vendored
9252
static/js/jquery.js
vendored
File diff suppressed because it is too large
Load diff
|
|
@ -16,11 +16,10 @@
|
|||
|
||||
<title>{{globals['website_title']}}</title>
|
||||
|
||||
<!-- bootstrap icons -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="/static/css/main.css" rel="stylesheet">
|
||||
<link href="/static/css/tabs.css" rel="stylesheet">
|
||||
<link href="/static/css/fonts.css" rel="stylesheet">
|
||||
<link href="/static/css/nerdfonts.css" rel="stylesheet">
|
||||
|
||||
<body>
|
||||
{% if globals['fork_me'] %}
|
||||
|
|
|
|||
|
|
@ -6,16 +6,16 @@
|
|||
<div class="dash-unit">
|
||||
<dtitle>
|
||||
<br />
|
||||
<i class="bi bi-person-circle"
|
||||
style="font-size: 1rem;"></i>
|
||||
<i class="nf-fa-user_secret"
|
||||
style="font-size: 2rem;"></i>
|
||||
|
||||
About {{ globals['name'] }}
|
||||
About {{ globals['name'] }}
|
||||
</dtitle>
|
||||
<hr style="margin-bottom: 0;">
|
||||
<img class="main-img"
|
||||
src="/static/img/{{ globals['image'] }}"
|
||||
alt="{{ globals['image_alt'] }}"
|
||||
style="width:250px;"
|
||||
src="/static/img/{{ globals['profile_image'] }}"
|
||||
alt="{{ globals['profile_image_alt'] }}"
|
||||
style="width:200px;"
|
||||
data-toggle="tooltip" data-placement="bottom"
|
||||
title="{{ globals['name'] }}">
|
||||
<br />
|
||||
|
|
@ -36,37 +36,17 @@
|
|||
<br />
|
||||
<center>
|
||||
<p>
|
||||
|
||||
<!-- Linkedin -->
|
||||
<a target="_blank"
|
||||
href="{{ globals['linkedin_URL'] }}"
|
||||
data-toggle="tooltip" data-placement="left"
|
||||
title="Linkedin">
|
||||
<i class="bi bi-linkedin"
|
||||
style="font-size: 2rem; color: cornflowerblue;">
|
||||
</i>
|
||||
</a>
|
||||
|
||||
<!-- Github section -->
|
||||
<a target="_blank"
|
||||
href="{{ globals['github_URL'] }}"
|
||||
data-toggle="tooltip" data-placement="top"
|
||||
title="GitHub">
|
||||
<i class="bi bi-github"
|
||||
style="font-size: 2rem; color: cornflowerblue;">
|
||||
</i>
|
||||
</a>
|
||||
|
||||
<!-- Gitlab section -->
|
||||
<a target="_blank"
|
||||
href="{{ globals['gitlab_URL'] }}"
|
||||
data-toggle="tooltip" data-placement="right"
|
||||
title="GitLab">
|
||||
<i class="bi bi-git"
|
||||
style="font-size: 2rem; color: cornflowerblue;">
|
||||
</i>
|
||||
</a>
|
||||
|
||||
{% for link in globals['social_links'] %}
|
||||
<!-- Linkedin -->
|
||||
<a target="_blank"
|
||||
href="{{ globals['social_links'][link]['URL'] }}"
|
||||
data-toggle="tooltip" data-placement="left"
|
||||
title="{{ link }}">
|
||||
<span class="{{ globals['social_links'][link]['icon'] }}"
|
||||
style="font-size: 4rem; color: cornflowerblue;">
|
||||
</span>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</p>
|
||||
<hr>
|
||||
<dtitle>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue