DressOrc/Portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added background and image filter, also extended page height a bit to leave aethsetic space

Browse source
This commit is contained in:
Nye Evans 2020-12-30 13:55:25 +00:00
parent b429bcd629
commit cd388314c2
5 changed files with 14 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
Images/BackGroundTest.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.4 MiB

BIN
Images/BackGroundTestStripes.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.7 MiB

BIN
Images/ScreenFilter.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.8 MiB

21
Mainpage.css
View file

@ -15,7 +15,9 @@
body{
margin: 20;
background-color: #221A0F;
/*background-color: #221A0F;*/
background-image: url("Images/BackGroundTest.png");
background-position: bottom;
}
@ -23,7 +25,7 @@ body{
h1, h2, h3{
background-color: #ffa500;
background: radial-gradient(#E39823 40%, #8D5001);
border-radius: 5px;
border-radius: 5px
}
h1{
@ -68,10 +70,7 @@ h3{
}
.orangeBorder{
/*
background: radial-gradient(#E39823 40%, #8D5001);
border-radius: 5px;
*/
border: 5px outset #E39823;
border-radius: 5px;
}
@ -84,6 +83,12 @@ h3{
font-size: 1vw;
}
#filter{
position: fixed;
top: 0;
left: 0;
}
#bodyAboveImage{
display: grid;
grid-template-columns: repeat(12, 1fr);
@ -95,9 +100,9 @@ h3{
#bodyBelowImage{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(12, 1fr);
grid-template-rows: repeat(16, 1fr);
gap: 1vh;
height: 130vh;
height: 170vh;
}
#profileImage{

3
index.html
View file

@ -3,6 +3,7 @@
<link rel = "stylesheet" href = "Mainpage.css">
</header>
<body>
<img src = "Images\ScreenFilter.png" id = "Filter">
<div id = "bodyAboveImage">
<h1 class = "positioned">
Nye Evans
@ -14,7 +15,6 @@
Welcome! Welcome to City 17! You have chosen, or been chosen, to relocate to one of our finest remaining urban centers. I thought so much of City 17 that I elected to establish my administration here, in the Citadel so thoughtfully provided by our benefactors. I've been proud to call City 17 my home. And so, whether you are here to stay, or passing through on your way to parts unknown - welcome to City 17. It's safer here.
Welcome! Welcome to City 17! You have chosen, or been chosen, to relocate to one of our finest remaining urban centers. I thought so much of City 17 that I elected to establish my administration here, in the Citadel so thoughtfully provided by our benefactors. I've been proud to call City 17 my home. And so, whether you are here to stay, or passing through on your way to parts unknown - welcome to City 17. It's safer here.
Welcome! Welcome to City 17! You have chosen, or been chosen, to relocate to one of our finest remaining urban centers. I thought so much of City 17 that I elected to establish my administration here, in the Citadel so thoughtfully provided by our benefactors. I've been proud to call City 17 my home. And so, whether you are here to stay, or passing through on your way to parts unknown - welcome to City 17. It's safer here.
Welcome! Welcome to City 17! You have chosen, or been chosen, to relocate to one of our finest remaining urban centers. I thought so much of City 17 that I elected to establish my administration here, in the Citadel so thoughtfully provided by our benefactors. I've been proud to call City 17 my home. And so, whether you are here to stay, or passing through on your way to parts unknown - welcome to City 17. It's safer here.
</h2>
</div>
@ -28,7 +28,6 @@
Welcome! Welcome to City 17! You have chosen, or been chosen, to relocate to one of our finest remaining urban centers. I thought so much of City 17 that I elected to establish my administration here, in the Citadel so thoughtfully provided by our benefactors. I've been proud to call City 17 my home. And so, whether you are here to stay, or passing through on your way to parts unknown - welcome to City 17. It's safer here.
Welcome! Welcome to City 17! You have chosen, or been chosen, to relocate to one of our finest remaining urban centers. I thought so much of City 17 that I elected to establish my administration here, in the Citadel so thoughtfully provided by our benefactors. I've been proud to call City 17 my home. And so, whether you are here to stay, or passing through on your way to parts unknown - welcome to City 17. It's safer here.
Welcome! Welcome to City 17! You have chosen, or been chosen, to relocate to one of our finest remaining urban centers. I thought so much of City 17 that I elected to establish my administration here, in the Citadel so thoughtfully provided by our benefactors. I've been proud to call City 17 my home. And so, whether you are here to stay, or passing through on your way to parts unknown - welcome to City 17. It's safer here.
Welcome! Welcome to City 17! You have chosen, or been chosen, to relocate to one of our finest remaining urban centers. I thought so much of City 17 that I elected to establish my administration here, in the Citadel so thoughtfully provided by our benefactors. I've been proud to call City 17 my home. And so, whether you are here to stay, or passing through on your way to parts unknown - welcome to City 17. It's safer here.
</h3>
<div id = "galleryLinkText" class = "orangeBack textBox">check out my work here:</div>