Initial Commit
This commit is contained in:
commit
132fdbf78e
GPG key ID:
FD23F0C934A5EC6B
3 changed files with 92 additions and 0 deletions
BIN
assets/github.png
Normal file
BIN
assets/github.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
16
assets/twitter.svg
Normal file
16
assets/twitter.svg
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 24.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 248 204" style="enable-background:new 0 0 248 204;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<g id="Logo_1_">
|
||||
<path id="white_background" class="st0" d="M221.95,51.29c0.15,2.17,0.15,4.34,0.15,6.53c0,66.73-50.8,143.69-143.69,143.69v-0.04
|
||||
C50.97,201.51,24.1,193.65,1,178.83c3.99,0.48,8,0.72,12.02,0.73c22.74,0.02,44.83-7.61,62.72-21.66
|
||||
c-21.61-0.41-40.56-14.5-47.18-35.07c7.57,1.46,15.37,1.16,22.8-0.87C27.8,117.2,10.85,96.5,10.85,72.46c0-0.22,0-0.43,0-0.64
|
||||
c7.02,3.91,14.88,6.08,22.92,6.32C11.58,63.31,4.74,33.79,18.14,10.71c25.64,31.55,63.47,50.73,104.08,52.76
|
||||
c-4.07-17.54,1.49-35.92,14.61-48.25c20.34-19.12,52.33-18.14,71.45,2.19c11.31-2.23,22.15-6.38,32.07-12.26
|
||||
c-3.77,11.69-11.66,21.62-22.2,27.93c10.01-1.18,19.79-3.86,29-7.95C240.37,35.29,231.83,44.14,221.95,51.29z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
76
index.html
Normal file
76
index.html
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
|
||||
|
||||
html {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
background: linear-gradient(45deg, #ff0000, #ffa500, #ffff00, #008000, #0000ff, #4b0082, #ee82ee);
|
||||
background-size: 2000% 2000%;
|
||||
height: 100vh;
|
||||
animation: Gradient 25s ease infinite;
|
||||
}
|
||||
|
||||
button {
|
||||
border: none;
|
||||
border-radius: 100px;
|
||||
width: 60vh;
|
||||
height: 5vh;
|
||||
margin: 1%;
|
||||
font-size: 25px;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
filter: brightness(85%);
|
||||
box-shadow: 0 10px 10px rgb(0 0 0 / 0.2);
|
||||
}
|
||||
|
||||
#github {
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
#main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#twitter {
|
||||
background-color: #1DA1F2;
|
||||
}
|
||||
|
||||
@keyframes Gradient {
|
||||
0%{ background-position:0% 100% }
|
||||
50%{ background-position:100% 0% }
|
||||
100%{ background-position:0% 100% }
|
||||
}
|
||||
</style>
|
||||
|
||||
<title>Relms' Links</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="main">
|
||||
<h1>Relms</h1>
|
||||
|
||||
<br />
|
||||
|
||||
<h5 style="font-size: 25px;">Relms is a fullstack Developer working on several projects. Below you can find some links to her socials :3</h5>
|
||||
|
||||
<br />
|
||||
|
||||
<a href="https://github.com/Relms12345" target="_blank"><button id="github"> <img src="./assets/github.png" alt="github" width="20px" height="20px"> GitHub</button></a>
|
||||
<a href="https://twitter.com/relms12345" target="_blank"><button id="twitter"> <img src="./assets/twitter.svg" alt="twitter" width="20px" height="20px"> Twitter</button></a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in a new issue