jr/jakeswestcoast
1
0
Fork 0
mirror of https://github.com/runyanjake/jakeswestcoast.git synced 2025-10-04 23:37:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

pull background from imgur

Browse Source
This commit is contained in:
Jake 2021-06-12 15:24:29 -07:00
parent 8340b6a269
commit 92ee165156
2 changed files with 4 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
css/index.css
View File

@ -9,25 +9,9 @@ html {
min-width: 100px;
}
div.page-background {
background-color: red;
width:100px;
}
div.page-header {
background-color: orange;
}
div.page-main {
background-color: yellow;
}
div.page-secondary {
background-color: green;
}
div.page-bottom {
background-color: blue;
}
.main-background-1 {
background-image: url('../data/greyscale_banner.gif');
/* 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;
@ -35,15 +19,6 @@ div.page-bottom {
background-size: cover;
}
.main-background-2 {
background-image: url('../data/rlfloss.gif');
min-height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
div.aboutme {
height: inherit;
width: inherit;

4
index.html
View File

@ -8,12 +8,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="main-background-1 w3-display-container w3-opacity-min">
<iframe class="imgur-embed" width="100%" height="1080" frameborder="0" src="https://i.imgur.com/S7p301A.gifv#embed">
<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>
</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>