danjoredd/3d_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed CSS to align to the left of the screen, while putting the focus on the center of the hallway

Browse Source
This commit is contained in:
Daniel Jones 2024-05-11 13:01:22 -05:00
parent 3f7886d596
commit 5e14c4174a
2 changed files with 49 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -15,7 +15,7 @@
<h1> Daniel Jones</h1> <h1> Daniel Jones</h1>
<p>Web Developer, Game Designer, and Blogger.</p> <p>Web Developer, Game Designer, and Blogger.</p>
</header> </header>
<div id="description">
<p> <p>
My name is Daniel Jones. I have been programming as a hobby since I was twelve years old. My name is Daniel Jones. I have been programming as a hobby since I was twelve years old.
<br> <br>
@ -23,6 +23,8 @@
<br> <br>
My interests include geocaching, Rust programming, web development, and puzzle solving. My interests include geocaching, Rust programming, web development, and puzzle solving.
</p> </p>
</div>
<div id="projects"> <div id="projects">
<p> <p>
<h1>Projects: </h1> <h1>Projects: </h1>
@ -66,7 +68,7 @@
<ul> <ul>
<li>Maintain ticket queue in Freshdesk</li> <li>Maintain ticket queue in Freshdesk</li>
<li>Create and setup VPN connections on end user workstations</li> <li>Create and setup VPN connections on end user workstations</li>
<li></li> <li>Set up and terminated network wiring for on-site customer locations</li>
</ul> </ul>
</ul> </ul>
</p> </p>

49
style.css
View File

@ -18,6 +18,8 @@ body {
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
} }
.page-wrapper { .page-wrapper {
padding: 0px; padding: 0px;
@ -27,10 +29,49 @@ body {
top: 0; top: 0;
width: calc(100% - 2*48px); width: calc(100% - 2*48px);
word-wrap: break-word; word-wrap: break-word;
display: grid;
grid-template-columns: repeat(1, 1fr);
} }
p { header {
background-color: black; grid-column: 2 / span 8;
border-radius: 30px; background-color: rgb(128, 128, 128, 0.5);
border-radius: 10px;
padding: 10%;
} }
#description {
margin-top: 50px;
grid-column: 2 / 8;
background-color: rgb(128, 128, 128, 0.5);
border-radius: 10px;
padding: 10%;
}
#projects {
margin-top: 100px;
grid-column: 2 / 8;
background-color: rgb(128, 128, 128, 0.5);
border-radius: 10px;
padding: 10%;
}
#jobs {
margin-top: 100px;
grid-column: 2 / 8;
background-color: rgb(128, 128, 128, 0.5);
border-radius: 10px;
padding: 10%;
}
#school {
margin-top: 100px;
grid-column: 2 / 8;
background-color: rgb(128, 128, 128, 0.5);
border-radius: 10px;
padding: 10%;
}