keyemail/keyemail-dev
1
2
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Added homepage background; Flex-grow added; Updated README

Browse source
This commit is contained in:
Patrick Hatsune 2024-09-10 04:11:54 -07:00
parent 3c6689c75d
commit b42ca213cb
Signed by: keyemail
GPG key ID: 6FD1A0FDB0D914C2
7 changed files with 42 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
README.md
View file

@ -43,3 +43,6 @@ No support is offered on this package, this is a personal project to learn Go.
## Credits
Built by `keyemail`, `kuubeu` helped inspire this project, as well as some svg work.
[BGJar for Backgrounds!](https://bgjar.com/)
[AwesomeIcons for Icons!](https://fontawesome.com/)

23
src/assets/background.svg Normal file
View file

@ -0,0 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" width="1920" height="1080" preserveAspectRatio="none" viewBox="0 0 1920 1080">
<g mask="url(&quot;#SvgjsMask1324&quot;)" fill="none">
<path d="M4 1080L1084 0L1357 0L277 1080z" fill="url(&quot;#SvgjsLinearGradient1325&quot;)"></path>
<path d="M663.6 1080L1743.6 0L2645.1 0L1565.1 1080z" fill="url(&quot;#SvgjsLinearGradient1325&quot;)"></path>
<path d="M1845 1080L765 0L531 0L1611 1080z" fill="url(&quot;#SvgjsLinearGradient1326&quot;)"></path>
<path d="M1207.4 1080L127.40000000000009 0L-730.5999999999999 0L349.4000000000001 1080z" fill="url(&quot;#SvgjsLinearGradient1326&quot;)"></path>
<path d="M897.0260320421177 1080L1920 57.02603204211766L1920 1080z" fill="url(&quot;#SvgjsLinearGradient1325&quot;)"></path>
<path d="M0 1080L1022.9739679578823 1080L 0 57.02603204211766z" fill="url(&quot;#SvgjsLinearGradient1326&quot;)"></path>
</g>
<defs>
<mask id="SvgjsMask1324">
<rect width="1920" height="1080" fill="#ffffff"></rect>
</mask>
<linearGradient x1="0%" y1="100%" x2="100%" y2="0%" id="SvgjsLinearGradient1325">
<stop stop-color="rgba(7, 44, 119, 0.2)" offset="0"></stop>
<stop stop-opacity="0" stop-color="rgba(7, 44, 119, 0.2)" offset="0.66"></stop>
</linearGradient>
<linearGradient x1="100%" y1="100%" x2="0%" y2="0%" id="SvgjsLinearGradient1326">
<stop stop-color="rgba(7, 44, 119, 0.2)" offset="0"></stop>
<stop stop-opacity="0" stop-color="rgba(7, 44, 119, 0.2)" offset="0.66"></stop>
</linearGradient>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

1
src/styles/gallery.css
View file

@ -5,6 +5,7 @@
font-family: 'Rubik', sans-serif;
padding: 20px;
border-radius: 20px;
flex-grow: 1;
h1 {
font-weight: 500;

8
src/styles/home.css
View file

@ -1,3 +1,11 @@
body {
background-image: url("/src/assets/background.svg");
background-repeat: no-repeat;
background-size:cover;
background-position: center;
background-attachment: fixed;
}
header {
display: flex;
align-items: center;

4
src/styles/main.css
View file

@ -9,7 +9,9 @@
}
body {
background-color: var(--bg-color)
background-color: var(--bg-color);
min-height: 100vh;
}
html, body {

4
src/styles/socials.css
View file

@ -8,7 +8,9 @@
font-family: 'Rubik', sans-serif;
padding: 20px;
border-radius: 20px;
flex-grow: 1;
justify-content: center;
h1 {
margin-bottom: 20px;
font-size: 50px;

1
src/styles/video.css
View file

@ -5,6 +5,7 @@
font-family: 'Rubik', sans-serif;
padding: 20px;
border-radius: 20px;
flex-grow: 1;
h1 {
font-weight: 500;