style: reduce in-your-face-ness of headshot photo
This commit is contained in:
parent
d655b46db5
commit
f1f711fa1f
|
@ -1,12 +1,15 @@
|
||||||
@page
|
@page
|
||||||
|
|
||||||
<main class="container">
|
<main class="container">
|
||||||
|
<div class="row align-items-center mb-3">
|
||||||
|
<div id="landing-page-intro" class="col-sm-12 col-md-6">
|
||||||
<h1 class="display-4">Hi, I'm Oliver.</h1>
|
<h1 class="display-4">Hi, I'm Oliver.</h1>
|
||||||
<p class="lead">I'm a tech enthusiast, coffee drinker, and software developer.</p>
|
<p class="lead">I'm a tech enthusiast, coffee drinker, and software developer.</p>
|
||||||
|
</div>
|
||||||
<p class="text-center">
|
<div id="landing-page-headshot" class="col-sm-12 col-md-6 justify-content-right">
|
||||||
<img src="~/img/headshot_512x512_2023.jpg" style="width: 512px; max-width: 100%;">
|
<img src="~/img/headshot_512x512_2023.jpg" class="rounded-circle" style="width: 50%; max-width: 512px;" alt="Headshot">
|
||||||
</p>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
My primary focus is C#, though I have dabbled in several other languages such as Java, Kotlin, VB, C/C++,
|
My primary focus is C#, though I have dabbled in several other languages such as Java, Kotlin, VB, C/C++,
|
||||||
|
|
|
@ -367,6 +367,7 @@ td.trim-p p:last-child {
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
* {
|
* {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
@ -384,6 +385,7 @@ td.trim-p p:last-child {
|
||||||
&:first-child {
|
&:first-child {
|
||||||
border-left: none;
|
border-left: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
border-right: none;
|
border-right: none;
|
||||||
}
|
}
|
||||||
|
@ -416,3 +418,29 @@ td.trim-p p:last-child {
|
||||||
background-color: #6364FF;
|
background-color: #6364FF;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#landing-page-intro {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#landing-page-headshot {
|
||||||
|
text-align: right;
|
||||||
|
|
||||||
|
img {
|
||||||
|
transition: border-radius .4s;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
border-radius: 5px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
#landing-page-intro {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#landing-page-headshot {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue