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

added second paragraph and links to other pages

Browse source 
links are just text atm, dont link anywhere

also changed padding to use vh instead of px
This commit is contained in:
Nye Evans 2020-12-27 21:41:10 +00:00
parent 0e53038840
commit 9d4e80e118
2 changed files with 66 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
Mainpage.css
View file

@ -6,6 +6,7 @@
src: url("Fonts/Roboto/RobotoMono-VariableFont_wght.ttf")
}
*{
color: #FCC42F;
font-family: "roboto";
@ -40,13 +41,22 @@ h1{
h2{
font-size: 1vw;
padding: 5;
padding: 1.3vh;
grid-column-start: 2;
grid-column-end: 12;
grid-row-start: 14;
grid-row-end: 19;
}
h3{
font-size: 1vw;
padding: 1.3vh;
grid-column-start: 2;
grid-column-end: 12;
grid-row-start: 32;
grid-row-end: 37;
}
.titleScreenArea{ /*the large empty space around the title*/
grid-column-start: 1;
grid-column-end: 13;
@ -54,23 +64,53 @@ h2{
grid-row-end: 8;
}
.mainImage{ /*image between first and second paragraph, only image on page but using class just incase i need another one later*/
grid-column-start: 5;
grid-column-end: 10;
grid-row-start: 20;
grid-row-end: 27;
object-fit: fill;
display: block;
}
.orangeBack{ /*for anything that isnt a <h> tag*/
background-color: #ffa500;
background: radial-gradient(#E39823 40%, #8D5001);
border-radius: 5px;
padding: 5px;
}
.orangeBorder{
background: radial-gradient(#E39823 40%, #8D5001);
border-radius: 5px;
padding: 1rem;
}
.textBox{
text-align: center;
padding: 2.5vh;
}
#profileImage{
grid-column-start: 5;
grid-column-end: 9;
grid-row-start: 20;
grid-row-end: 27;
}
#galleryLinkText{
grid-column-start: 6;
grid-column-end: 8;
grid-row-start: 38;
grid-row-end: 39;
}
#programGalleryButton{
grid-column-start: 4;
grid-column-end: 6;
grid-row-start: 40;
grid-row-end: 41;
}
#artGalleryButton{
grid-column-start: 8;
grid-column-end: 10;
grid-row-start: 40;
grid-row-end: 41;
}

16
index.html
View file

@ -9,15 +9,27 @@
</h1>
<div class = "titleScreenArea"> </div>
<h2>
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.
[PLACEHOLDER TEXT->]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.
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 class = "mainImage">
<div id = "profileImage" class = "orangeBack">
<img src = "Images\ProfilePlaceholder.png">
</div>
<h3>
[PLACEHOLDER TEXT->]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.
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>
<div id = "programGalleryButton" class = "orangeBorder textBox">programming projects</div>
<div id = "artGalleryButton" class = " orangeBorder textBox">other projects</div>
</body>
</HTML>