chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix link jumping

Browse Source
This commit is contained in:
Chuck Dries 2017-11-16 19:57:44 -07:00
parent 5506cd2e14
commit 64fcae4804
3 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/style.css
View File

@ -224,6 +224,7 @@ body {
.slide {
padding: 0px;
width: 100%;
margin-top: 50px;
/* width wrapping */
/* Project bits */ }
.slide .project {
@ -233,8 +234,7 @@ body {
border-radius: 5px;
overflow: hidden;
box-shadow: 1px 1px 3px #ddd;
background: white;
margin-bottom: 20px; }
background: white; }
.slide .project .cover {
height: 14em;
background-position: center center;
@ -315,8 +315,7 @@ body {
text-indent: 2em; }
.slide h1 {
font-size: 2em;
font-style: italic;
margin-top: 1.7em; }
font-style: italic; }
@media (max-width: 800px) {
.slide .widthCenter, .slide > div, .slide p, .slide h1, .slide h2, .slide h3, .slide h4 {
margin-left: 12px;

15
index.html
View File

@ -18,6 +18,15 @@
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta name="msapplication-TileImage" content="http://chuckdri.es/icons/mstile-144x144.png" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.jump{
margin-top:-130px;
/* height: 120px; */
position: absolute;
display: block;
visibility: hidden;
}
</style>
</head>
<body>
@ -60,7 +69,7 @@
<div id="spaceTakerUpper">
</div>
<div class="slide" style="margin-top:0px;">
<a name="about" style="padding-top: 130px"></a>
<a name="about" class="jump"></a>
<h1>About Me
<span style="font-size: .5em; font-weight:normal; color: #666;">Why I rock 🎶</span>
</h1>
@ -72,7 +81,7 @@
</p>
</div>
<div class="slide">
<a name="skills" style="padding-top: 130px"></a>
<a name="skills" class="jump"></a>
<h2>Skills</h2>
<div id="skilltable" style="display:none;">
<table>
@ -139,7 +148,7 @@
</div>
</div>
<div class="slide">
<a name="projects" style="padding-top: 130px;"></a>
<a name="projects" class="jump"></a>
<h1>Projects &amp; Experience</h1>
<p style="text-indent: 0; margin-bottom: 5px;font-style: italic; font-weight:normal; color: #555;">More projects coming. For now, check my github or email me.</p>
<div class="grid">

5
sass/style.scss
View File

@ -130,6 +130,7 @@
@extend .reset;
padding: 0px;
width: 100%;
margin-top: 50px;
/* width wrapping */
&>div {
@extend .widthCenter;
@ -144,7 +145,7 @@
overflow: hidden;
box-shadow: 1px 1px 3px #ddd;
background: white;
margin-bottom: 20px;
// margin-bottom: 20px;
.cover {
height: 14em;
background-position: center center;
@ -247,7 +248,7 @@
h1 {
font-size: 2em;
font-style: italic; // font-weight: 700;
margin-top: 1.7em;
// margin-top: 1.7em;
}
.grid {
// columns: 2 auto;