Added dates for projects
This commit is contained in:
parent
fce72c8fb9
commit
38a46a1dd6
|
@ -51,6 +51,7 @@
|
||||||
<p class="HTML">HTML</p>
|
<p class="HTML">HTML</p>
|
||||||
<p class="CSS">CSS</p>
|
<p class="CSS">CSS</p>
|
||||||
<p class="JS">JS</p>
|
<p class="JS">JS</p>
|
||||||
|
<p class="date">Jan 2024</p>
|
||||||
</div>
|
</div>
|
||||||
<p class="project-description">The Button is a game created by Elendow on Steam. I have recreated this game in a single day using a basic web development stack. The user is presented with a button which contains a number. When the user clicks the button, the button with either reset back to zero or increase it's counter by one. The counter also represents the percantage chance of the button resetting to zero on the next press.</p>
|
<p class="project-description">The Button is a game created by Elendow on Steam. I have recreated this game in a single day using a basic web development stack. The user is presented with a button which contains a number. When the user clicks the button, the button with either reset back to zero or increase it's counter by one. The counter also represents the percantage chance of the button resetting to zero on the next press.</p>
|
||||||
</div>
|
</div>
|
||||||
|
@ -62,6 +63,7 @@
|
||||||
<div class="project-tags">
|
<div class="project-tags">
|
||||||
<p class="JAVA">Java</p>
|
<p class="JAVA">Java</p>
|
||||||
<p class="NOSQL">NoSQL</p>
|
<p class="NOSQL">NoSQL</p>
|
||||||
|
<p class="date">Apr 2024</p>
|
||||||
</div>
|
</div>
|
||||||
<p class="project-description">Orion is a discord music bot built using the Java Discord Api. Orion was a project that me and a friend worked on as a way to further develop our programming knowledge during our degree, and to practise the skills we were learning. Orion utilises Maven to manage dependencies and Lavaplayer to play music. Secrets are managed via Dotenv to ensure that no sensitive data is made public.</p>
|
<p class="project-description">Orion is a discord music bot built using the Java Discord Api. Orion was a project that me and a friend worked on as a way to further develop our programming knowledge during our degree, and to practise the skills we were learning. Orion utilises Maven to manage dependencies and Lavaplayer to play music. Secrets are managed via Dotenv to ensure that no sensitive data is made public.</p>
|
||||||
</div>
|
</div>
|
||||||
|
@ -74,6 +76,7 @@
|
||||||
<p class="HTML">HTML</p>
|
<p class="HTML">HTML</p>
|
||||||
<p class="CSS">CSS</p>
|
<p class="CSS">CSS</p>
|
||||||
<p class="JS">JS</p>
|
<p class="JS">JS</p>
|
||||||
|
<p class="date">Feb 2024</p>
|
||||||
</div>
|
</div>
|
||||||
<p class="project-description">This website is my final hand-in for my Front End Web Development module at De Montfort University. Most of the features in this website were created to meet hand-in requirements. This website uses no libraries and has been coded from scratch using the standard web languages. This website uses the PokeAPI to pull data for the pokedex.</p>
|
<p class="project-description">This website is my final hand-in for my Front End Web Development module at De Montfort University. Most of the features in this website were created to meet hand-in requirements. This website uses no libraries and has been coded from scratch using the standard web languages. This website uses the PokeAPI to pull data for the pokedex.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -395,6 +395,12 @@ em {
|
||||||
background-color: #47A248 !important;
|
background-color: #47A248 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.date {
|
||||||
|
margin-left: auto !important;
|
||||||
|
color: #bbb !important;
|
||||||
|
width: 6.5em !important;
|
||||||
|
}
|
||||||
|
|
||||||
.project-tags p {
|
.project-tags p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
|
@ -513,6 +519,10 @@ em {
|
||||||
padding-right: 30px;
|
padding-right: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#homepage {
|
||||||
|
margin-bottom: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
#homepage .card {
|
#homepage .card {
|
||||||
flex-direction: column-reverse;
|
flex-direction: column-reverse;
|
||||||
padding-block: 80px;
|
padding-block: 80px;
|
||||||
|
|
Loading…
Reference in New Issue