mirror of
https://github.com/sethcottle/littlelink.git
synced 2025-04-21 15:56:35 -04:00
Reorg and background image
This commit is contained in:
Gilbert Sanchez
parent
f0167d1987
commit
cabf4f5495
@ -850,4 +850,15 @@ button:hover,
|
||||
.button.button-sessionize:hover,
|
||||
.button.button-sessionize:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* PowerShell Gallery */
|
||||
.button.button-psgallery {
|
||||
color: #ffffff;
|
||||
background-color: #222222;
|
||||
}
|
||||
|
||||
.button.button-psgallery:hover,
|
||||
.button.button-psgallery:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
@ -40,6 +40,7 @@
|
||||
padding: 0 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.container-left {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
@ -49,6 +50,7 @@
|
||||
padding: 0 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.column {
|
||||
position: center;
|
||||
width: 100%;
|
||||
@ -69,10 +71,12 @@
|
||||
.container {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.column,
|
||||
.columns {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.column:first-child,
|
||||
.columns:first-child {
|
||||
margin-left: 0;
|
||||
@ -89,12 +93,18 @@ html {
|
||||
font-size: 100%;
|
||||
color-scheme: dark;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
font-weight: 400;
|
||||
font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
|
||||
sans-serif;
|
||||
background-image: url('../images/jingwei-ke-E7w_Ti4BSSs-unsplash.jpg');
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
background-color: #27272A;
|
||||
background-blend-mode: soft-light;
|
||||
}
|
||||
|
||||
/* Typography
|
||||
@ -104,6 +114,7 @@ h1 {
|
||||
margin-bottom: 16px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 24px;
|
||||
line-height: 64px;
|
||||
@ -127,6 +138,7 @@ p {
|
||||
a {
|
||||
color: #0085ff;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #0085ff;
|
||||
}
|
||||
@ -142,7 +154,8 @@ code {
|
||||
border: 1px solid #e1e1e1;
|
||||
border-radius: 4px;
|
||||
}
|
||||
pre > code {
|
||||
|
||||
pre>code {
|
||||
display: block;
|
||||
padding: 1rem 1.5rem;
|
||||
white-space: pre;
|
||||
@ -154,12 +167,14 @@ button,
|
||||
.button {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
input,
|
||||
textarea,
|
||||
select,
|
||||
fieldset {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
pre,
|
||||
blockquote,
|
||||
dl,
|
||||
@ -175,13 +190,16 @@ ol {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.u-max-full-width {
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.u-pull-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.u-pull-left {
|
||||
float: left;
|
||||
}
|
||||
@ -194,6 +212,7 @@ hr {
|
||||
border-width: 0;
|
||||
border-top: 1px solid #e1e1e1;
|
||||
}
|
||||
|
||||
/* Radius values:
|
||||
|
||||
10%-40%: Squircles
|
||||
|
||||
10
images/icons/psgallery.svg
Normal file
10
images/icons/psgallery.svg
Normal file
@ -0,0 +1,10 @@
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="40" height="38" viewBox="0 0 41 38">
|
||||
<title>Artboard 1</title>
|
||||
<g id="g3772">
|
||||
<g id="g3770">
|
||||
<path id="path3768" d="M39.5,3.85H9.249a2.237,2.237,0,0,0-2.1,1.7l-6.1,26.6a1.3,1.3,0,0,0,1.3,1.7h30.3a2.237,2.237,0,0,0,2.1-1.7l6.1-26.55A1.355,1.355,0,0,0,39.5,3.85Z" fill="#0072c6"/>
|
||||
</g>
|
||||
</g>
|
||||
<path id="path3778" d="M24.4,19.3c-.1.3-.4.5-.9.9L9.9,30a1.868,1.868,0,0,1-2.4-.4,1.73,1.73,0,0,1,.3-2.4l12.3-8.9v-.2L12.4,9.9a1.72,1.72,0,0,1,.1-2.4,1.633,1.633,0,0,1,2.4,0l9.3,9.9A1.3,1.3,0,0,1,24.4,19.3Z" fill="#fff"/>
|
||||
<path id="path3780" d="M19.8,26.7h7.4a1.5,1.5,0,1,1,0,3H19.8a1.5,1.5,0,1,1,0-3Z" fill="#fff"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 727 B |
BIN
images/jingwei-ke-E7w_Ti4BSSs-unsplash.jpg
Normal file
BIN
images/jingwei-ke-E7w_Ti4BSSs-unsplash.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
76
index.html
76
index.html
@ -74,7 +74,8 @@
|
||||
|
||||
<!-- Short Bio -->
|
||||
<p>I work as a (Señor) Systems Engineer at Meta, spreading the love of PowerShell at scale. A fan of
|
||||
Role Playing Games (RPG), you can check out my RPG-oriented modules on the PowerShell Gallery.</p>
|
||||
Role Playing Games (RPG), you can check out my RPG-oriented modules on the PowerShell
|
||||
Gallery.</p>
|
||||
|
||||
<!--
|
||||
|
||||
@ -103,6 +104,9 @@
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<h2>Professional</h2>
|
||||
|
||||
<!-- Blog -->
|
||||
<a class="button button-default" href="https://gilbertsanchez.com" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/blog.svg" alt="Blog Icon">Blog</a>
|
||||
@ -113,6 +117,37 @@
|
||||
<img class="icon" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a>
|
||||
<br>
|
||||
|
||||
<!-- LinkedIn -->
|
||||
<a class="button button-linked" href="https://www.linkedin.com/in/gilbertsanchez" target="_blank"
|
||||
rel="noopener">
|
||||
<img class="icon" src="images/icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a>
|
||||
<br>
|
||||
|
||||
<!-- PowerShell Gallery -->
|
||||
<a class="button button-psgallery" href="https://www.powershellgallery.com/profiles/HeyItsGilbert"
|
||||
target="_blank" rel="me noopener">
|
||||
<img class="icon" src="images/icons/psgallery.svg" alt="PowerShell Gallery Logo">PowerShell
|
||||
Gallery</a>
|
||||
<br>
|
||||
|
||||
<!-- Sessionize -->
|
||||
<a class="button button-sessionize" href="https://sessionize.com/HeyItsGilbert" target="_blank"
|
||||
rel="me noopener">
|
||||
<img class="icon" src="images/icons/sessionize.svg" alt="Sessionize Logo">Speaker Profile</a>
|
||||
<br>
|
||||
|
||||
|
||||
<h2>Contact</h2>
|
||||
|
||||
<!-- Facebook Messenger -->
|
||||
<a class="button button-messenger" href="https://facebook.com/HeyItsGilbert" target="_blank"
|
||||
rel="noopener">
|
||||
<img class="icon" src="images/icons/messenger.svg" alt="Facebook Messenger Logo">Chat on
|
||||
Messenger</a>
|
||||
<br>
|
||||
|
||||
<h2>Social</h2>
|
||||
|
||||
<!-- Mastodon -->
|
||||
<a class="button button-mastodon" href="https://fosstodon.org/@HeyItsGilbert" target="_blank"
|
||||
rel="me noopener">
|
||||
@ -135,18 +170,14 @@
|
||||
<img class="icon" src="images/icons/facebook.svg" alt="Facebook Logo">Facebook</a>
|
||||
<br>
|
||||
|
||||
<!-- Facebook Messenger -->
|
||||
<a class="button button-messenger" href="https://facebook.com/HeyItsGilbert" target="_blank"
|
||||
<!-- Reddit -->
|
||||
<a class="button button-reddit" href="https://www.reddit.com/user/heyitsgilbert" target="_blank"
|
||||
rel="noopener">
|
||||
<img class="icon" src="images/icons/messenger.svg" alt="Facebook Messenger Logo">Chat on
|
||||
Messenger</a>
|
||||
<img class="icon" src="images/icons/reddit.svg" alt="Reddit Logo">Reddit</a>
|
||||
<br>
|
||||
|
||||
<!-- LinkedIn -->
|
||||
<a class="button button-linked" href="https://www.linkedin.com/in/gilbertsanchez" target="_blank"
|
||||
rel="noopener">
|
||||
<img class="icon" src="images/icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a>
|
||||
<br>
|
||||
|
||||
<h2>Hobbies</h2>
|
||||
|
||||
<!-- StackOverflow -->
|
||||
<a class="button button-stackover" href="https://stackoverflow.com/users/1585481/gilbert-sanchez"
|
||||
@ -154,12 +185,6 @@
|
||||
<img class="icon" src="images/icons/stackoverflow.svg" alt="StackOverflow Logo">StackOverflow</a>
|
||||
<br>
|
||||
|
||||
<!-- Sessionize -->
|
||||
<a class="button button-sessionize" href="https://sessionize.com/HeyItsGilbert" target="_blank"
|
||||
rel="me noopener">
|
||||
<img class="icon" src="images/icons/sessionize.svg" alt="Sessionize Logo">Speaker Profile</a>
|
||||
<br>
|
||||
|
||||
<!-- Goodreads -->
|
||||
<a class="button button-goodreads" href="https://www.goodreads.com/user/show/16748624-gilbert"
|
||||
target="_blank" rel="noopener">
|
||||
@ -172,18 +197,16 @@
|
||||
<img class="icon" src="images/icons/kickstarter.svg" alt="Kickstarter Logo">Kickstarter</a>
|
||||
<br>
|
||||
|
||||
<!-- Reddit -->
|
||||
<a class="button button-reddit" href="https://www.reddit.com/user/heyitsgilbert" target="_blank"
|
||||
rel="noopener">
|
||||
<img class="icon" src="images/icons/reddit.svg" alt="Reddit Logo">Reddit</a>
|
||||
<br>
|
||||
|
||||
<!-- Strava -->
|
||||
<a class="button button-strava" href="https://www.strava.com/athletes/20158221" target="_blank"
|
||||
rel="noopener">
|
||||
<img class="icon" src="images/icons/strava.svg" alt="Strava Logo">Strava</a>
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
<h2>Donations/Payments</h2>
|
||||
|
||||
<!-- Cash App Dollar -->
|
||||
<a class="button button-cashapp" href="https://cash.app/$error" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/cashapp_dollar.svg" alt="Cash App Logo">Cash App Dollar</a>
|
||||
@ -563,8 +586,13 @@
|
||||
This also includes a link to the LittleLink repository to make forking LittleLink easier.
|
||||
You can edit or remove anything here to make your own footer.
|
||||
-->
|
||||
<p><a href="privacy.html">Privacy Policy</a> | Build your own by forking <a href="https://littlelink.io"
|
||||
target="_blank" rel="noopener">LittleLink</a>.</p>
|
||||
<p><a href="privacy.html">Privacy Policy</a> | Build your own by forking</p>
|
||||
<p>Photo by <a
|
||||
href="https://unsplash.com/@lenscapism?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Jingwei
|
||||
Ke</a> on <a
|
||||
href="https://unsplash.com/backgrounds/colors/purple?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
|
||||
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user