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

more column sillies

Browse source
This commit is contained in:
JesseBot 2017-11-10 11:52:00 +00:00
parent bde868d5ed
commit 7c50c65ef3
2 changed files with 15 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

19
css/main.css
View file

@ -90,7 +90,7 @@ h3, h4, h5 {
font-weight: lighter;
font-size: 1.4rem;
box-shadow: 0 6px 12px rgba(0,0,0,.175);
width: 180px;
width: 190px;
margin-top: 6px;
margin-left: -1px;
border-color: #383737;
@ -110,31 +110,34 @@ h3, h4, h5 {
}
.container {
position: sticky;
padding: 0;
padding-top: 25%;
padding-top: 7%;
padding-left: 0;
padding-right: 0;
max-width: 100%
}
@media (min-width: 576px) {
.container {
padding-top: 10%;
padding-top: 7%;
}
}
@media (min-width: 768px) {
.container {
padding-top: 5%;
padding-top: 14%;
width: 768px;
}
}
@media (min-width: 992px) {
.container {
padding-top: 10%;
padding-top: 12%;
}
}
@media (min-width: 1200px) {
.container {
padding-top: 10%;
padding-top: 12%;
width: 1000px;
}
}

8
views/index.tpl
View file

@ -1,12 +1,12 @@
% include('header.tpl')
<div class="container">
<div class="row d-flex justify-content-center align-items-center">
<div class="col-8 col-lg-4 col-md-5 col-sm-7" style="padding-bottom:2%">
<div class="col-6 col-lg-5 col-md-5 col-sm-6 col-xl-4" style="padding-bottom:2%; padding-top:2%;">
<img class="img-fluid rounded"
src="/images/{{globals['image']}}"
alt="What I look like.">
</div>
<div class="col-11 col-sm-10 col-md-6 col-lg-6 offset-md-1">
<div class="col-10 col-sm-10 col-md-7 col-lg-6 offset-lg-1 offset-xl-1" style="padding-bottom:2%; padding-top:2%;">
<div class="card mx-auto">
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs">
@ -53,7 +53,7 @@
role="button" data-toggle="tooltip" data-placement="right"
title="GitHub" style="box-shadow: none;">
<img src="/images/github-cat.svg" class="img-fluid"
style="height: 60px;">
style="height: 54px;">
</a>
</div> <!-- circle -->
</div> <!-- col -->
@ -62,7 +62,7 @@
<a target="_blank" href="{{globals['linkedin_URL']}}"
role="button" data-toggle="tooltip" data-placement="left"
title="Linkedin" style="box-shadow: none;">
<img src="/images/linkedin.svg" class="img-fluid" style="height: 60px;">
<img src="/images/linkedin.svg" class="img-fluid" style="height: 54px;">
</a>
</div><!-- circle -->
</div> <!-- col -->