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

updating fonts, borders, shadows...

Browse source
This commit is contained in:
JesseBot 2017-07-14 16:03:03 +00:00
parent 247604bb6a
commit f102db7210
3 changed files with 15 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

13
front_end/css/main.css
View file

@ -1,4 +1,5 @@
/**********BASE CONFIGURATIONS**********/
@import url("https://fonts.googleapis.com/css?family=Cutive+Mono|Source+Sans+Pro");
body {
background-color: #1f1f1f;
@ -34,11 +35,12 @@ h5 {
padding: 40px 45px 0px 20px;
}
.nav-tabs .nav-link.active {
background-image: url(../images/sep-half.png);
background-color: #3d3d3d;
color: #33cccc;
border: 1px solid #383737;
border-bottom-color: #3d3d3d;
}
.card {
@ -49,17 +51,22 @@ h5 {
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
/*
.card :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;
}
}*/
.card-header {
.card-header, .card-footer {
border: 1px solid #383737;
background-image: url(../images/sep-half.png);
background-color: #4f4f4f;
border-bottom-color: #3d3d3d;
}
.card-block {
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

2
front_end/views/header.tpl
View file

@ -14,6 +14,8 @@
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<!-- Custom styles for this template -->
<link href="/css/main.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="/css/font-style.css" rel="stylesheet">
</head>
<body>

5
front_end/views/index.tpl
View file

@ -1,6 +1,6 @@
% include('header.tpl')
<div class="container">
<div class="card mx-auto" style="width: 25rem; margin-top: 50px;">
<div class="card mx-auto" style="width: 25rem;">
<img class="card-img-top img-fluid" src="/images/{{main_pic}}" alt="What I look like.">
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs">
@ -18,7 +18,8 @@
<div class="card-block">
<h4 class="card-title"><span class="text-muted">Hi, I'm</span> {{name}}.</h4>
<p class="card-text">
<p class="lead special-font"><small>{{header_quotation}}</small></p>
<div style="font-family: 'Cutive Mono';">{{header_quotation}}</div>
<br />
<h5><small>{{blurb}}</small></h5>
</p>
</div> <!-- card block -->