Skip to content

Commit

Permalink
add stats section
Browse files Browse the repository at this point in the history
  • Loading branch information
@JamesBarnes48
JamesBarnes48 committed Aug 1, 2023
1 parent a46344d commit 8325c89
Show file tree
Hide file tree
Showing 2 changed files with 74 additions and 71 deletions.
67 changes: 41 additions & 26 deletions css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,6 +64,10 @@ h3 {
padding: 40px 35px;
}

.homepage-section{
margin: 5% 10% 0 10%;
}

/* Buttons */

.basic-button {
Expand Down Expand Up @@ -166,45 +170,56 @@ h3 {
margin-right: auto;
}

/* Profile */
/*Language List*/

.profile {
margin: 5% 10% 0 10%;
.lang-list {
font-family: 'Montserrat';
font-weight: bolder;
list-style: none;
}

/* Skills */

.skills {
padding: 30px 0;
.languages-heading {
font-family: 'Montserrat';
font-size: 1.5rem;
font-weight: bold;
color: var(--main-hex);
text-decoration: none;
}

.skill-row-text-left {
margin: 40px 0;
text-align: left;

/* Stats */

.stats-grid{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
align-content: space-evenly;
}

.skill-row-text-right {
margin: 40px 0;
text-align: right;
.stats-child{
display: flex;
flex-direction: column;
justify-content: space-evenly;
max-width: 30%;
padding: 10px 8px;
margin: 10px 10px;
background-color: whitesmoke;
border: 1px solid var(--off-main-hex);
}

.skill-image {
max-width: 80%;
max-height: 90%;
.stat-name{
font-size: 1.2rem;
color: black;
}

.languages-heading {
font-family: 'Montserrat';
font-size: 1.5rem;
font-weight: bold;
.stat-metric{
color: var(--main-hex);
text-decoration: none;
font-weight: bolder;
}

.lang-list {
font-family: 'Montserrat';
font-weight: bolder;
list-style: none;
.stat-metric.small{
font-size: 1.5rem;
}

/* Contact Me */
Expand Down Expand Up @@ -285,7 +300,7 @@ h3 {
font-size: 1.5rem;
}

.profile {
.homepage-section {
margin: 2% 3% 0 3%;
}

Expand Down
78 changes: 33 additions & 45 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@

</nav>

<div class="profile">
<div id="profile">
<img id="imageOfMe" src="images/me.jpg" alt="Photo of Me">
<h2 class="section-heading">Hello!</h2>
<p>A chap with a particular affinity for all things digital. Hooked on Super Mario from a young age and a controller in my hand ever since.
Expand All @@ -63,7 +63,7 @@ <h2 class="subheading"> What am I up to?</h2>
<p>From Python to C, from SQL to ARM assembly code, I have had some experience working with plenty of different languages. While I may be a web developer, mainly I have most experience in:</p>

<!-- ACCORDION -->
<div class="accordion" id="languages-accordion">
<div class="homepage-section">
<div class="card">
<div class="card-header" id="java-heading">
<h5 class="mb-0">
Expand Down Expand Up @@ -138,56 +138,44 @@ <h5 class="mb-0">

<hr>

<div class="skills">
<h2 class="section-heading">My Favorites</h2>
<h3>What am I obsessed with at the minute?</h3>
<div class="row skill-row-text-left">
<div class="col-lg-2 col-md-1"></div>
<div class="col-lg-4 col-md-5 col-sm-6">
<img class="skill-image" src="images/knight.jpg" alt="knight image">
<div class="homepage-section">
<h2 class="subheading">My Stats</h2>
<p>circa August 2023</p>
<div class="stats-grid">
<div class="stats-child">
<h3 class="stat-name">Years as professional dev:</h3>
<h2 class="stat-metric">2</h2>
</div>
<div class="col-lg-4 col-md-5 col-sm-6">
<h3>Favourite Game?</h3>
<p>Right now Chivalry 2 is all I can think of playing. I don't know what makes the game so addictive other than its just fun to play.
So fluid, so easy to jump on a game and charge into battle with your battle axe. I've been playing it for over a year now and it's one
that I always end up going back to! Also helps that I've gotten fairly good at it now. If you see someone with a bowl cut
cleaving through the hordes and clutching a 1v3 through a mixture of blind luck and determination then you know who it is!
</p>
<div class="stats-child">
<h3 class="stat-name">Merge requests successfully deployed:</h3>
<h2 class="stat-metric">157</h2>
</div>
<div class="col-lg-2 col-md-1"></div>
</div>
<div class="row skill-row-text-right">
<div class="col-lg-2 col-md-1"></div>
<div class="col-lg-4 col-md-5 col-sm-6">
<h3>Favourite dish?</h3>
<p>Of course you go to the shop and get a frozen pizza when you really can't be bothered to cook anything properly. In my house though we like
to spruce these up with our own toppings. They're nice! So I thought why not take the next step up and make the whole pizza from scratch!
Knead out your dough and put it in an oiled frying pan on the hob while you put on your sauce, cheese, toppings etc. This gives it a nice
crispy bottom before you put the pan under the grill. What do you get? The best pizza you've ever eaten.
</p>
<div class="stats-child">
<h3 class="stat-name">Other people's merge requests reviewed and successfully deployed:</h3>
<h2 class="stat-metric">164</h2>
</div>
<div class="col-lg-4 col-md-5 col-sm-6">
<img class="skill-image" src="images/pizza.jpg" alt="pizza image">
<div class="stats-child">
<h3 class="stat-name">Major projects lead:</h3>
<h2 class="stat-metric">2</h2>
</div>
<div class="col-lg-2 col-md-1"></div>
</div>
<div class="row skill-row-text-left">
<div class="col-lg-2 col-md-1"></div>
<div class="col-lg-4 col-md-5 col-sm-6">
<img class="skill-image" src="images/mushroom.jpg" alt="">
<div class="stats-child">
<h3 class="stat-name">Pub crawl success rate:</h3>
<h2 class="stat-metric">0%</h2>
</div>
<div class="col-lg-4 col-md-5 col-sm-6">
<h3>Favourite show?</h3>
<p>Recently bought a subscription to Now TV after putting it off for so long. I missed the House of the Dragon hype
because I didn't want to fork out for another subscription service and it was indeed difficult. I have now realised
though that even though I pay for Netflix I don't actually watch anything on there. So I have got rid of Netflix and embraced
Now TV where I am spoiled for choice! I have really been enjoying The Sopranos. An undeniable classic no matter who you ask.
The new The Last of Us show is immense though! What a great bit of television that is. Every episode is a masterclass.
</p>
<div class="stats-child">
<h3 class="stat-name">Countries visited:</h3>
<h2 class="stat-metric">6</h2>
</div>
<div class="stats-child">
<h3 class="stat-name">Chivalry 2 main:</h3>
<h2 class="stat-metric small">Morning Star (1972 kills)</h2>
</div>
<div class="stats-child">
<h3 class="stat-name">Most hours clocked on a game:</h3>
<h2 class="stat-metric small">1833 hours (GTA 5)</h2>
</div>
<div class="col-lg-2 col-md-1"></div>
</div>
</div>
</div>

<hr>

Expand Down

0 comments on commit 8325c89

Please sign in to comment.