Fixed the gif

This commit is contained in:
Jake 2021-06-14 15:56:52 -07:00
parent 92ee165156
commit 64524d10c2
2 changed files with 6 additions and 67 deletions

View File

@ -1,65 +1,5 @@
/****************************************************
* index.css
* @author Jake Runyan
* @desc The CSS portion of / for the website.
* @desc Main CSS
*//*************************************************/
html {
min-height: 100px;
min-width: 100px;
}
.main-background-1 {
/* background-image: url('https://i.imgur.com/S7p301A.gifv'); */
background-image: url('../data/greyscale_banner_small.gif')
min-height: 1000px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
div.aboutme {
height: inherit;
width: inherit;
background-color: aquamarine;
height: 600px;
}
div.photoframe {
height: 90%;
position: relative;
left: 5%;
right: 5%;
top: 5%;
bottom: 5%;
background-color: cyan;
}
img.myphoto {
padding-top: 50%;
margin:auto;
}
div.mybio {
height: 90%;
position: relative;
left: 5%;
right: 5%;
top: 5%;
bottom: 5%;
background-color: brown;
}
div.blog {
background-color: rgb(127, 255, 144);
height: 4000px;
}
a.hover {
color: hotpink;
}
a.link {
padding-left: 2%;
}

View File

@ -8,12 +8,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<iframe class="imgur-embed" width="100%" height="1080" frameborder="0" src="https://i.imgur.com/S7p301A.gifv#embed">
<iframe class="imgur-embed" width="100%" height="1080" frameborder="0" src="https://i.imgur.com/S7p301A.gifv#embed"></iframe>
<div class="w3-display-middle w3-padding-large w3-border w3-wide w3-text-light-grey w3-center" style="white-space:nowrap;">
<h1 class="w3-hide-medium w3-hide-small w3-xxxlarge" style="font-weight:bolder;">Jake's West Coast</h1>
<h3 class="w3-hide-medium w3-hide-small" style="font-weight:bolder;">My Mountaineering Diary!</h3>
</div>
</iframe>
<div class="w3-black" id="about">
<div class="w3-container w3-content w3-padding-64" style="max-width:800px">
<h2 class="w3-wide w3-center">Who Am I?</h2>