eliasjohn
/
Linksseite
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: eliasjohn:master
Branches Tags
eliasjohn:master
eliasjohn:eliasjohn-patch-1
..
compare: eliasjohn:eliasjohn-patch-1
Branches Tags
eliasjohn:master
eliasjohn:eliasjohn-patch-1

1 Commits
master ... eliasjohn-

Author SHA1 Message Date
Elias John 3c838ea554 „script.js“ ändern 4 years ago
7 changed files with 197 additions and 52 deletions
Show Stats

61
EJ.html
Unescape Escape View File

@ -0,0 +1,61 @@
<html lang="de-de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="stylesheet" href="style.css">
<title>Elias| Links </title>
</head>
<body>
<!--Profil-Bild -->
<img src="pro.jpg" alt="pro.jpg" class="Profil-Bild">
<!--Prifil-Name-->
<div class="Profil-Name">Elias John</div>
<!--Text-->
<div class="text"> Thats ist my Page </div>
<!--Links-->
<a href="Webseite" target=_blank class="links">Link </a>
<a href="#" target="_blank"class="links"> link </a>
<a href="im" class="links">Twitter </a>
<a href="mailto:eliasjohhnn@gmail.com" class="links" > Mail </a>
<a href="https://t.me/elia_john" target="_blank"class="links">Telegram</a>
<!--social-media links -->
<div class="social-media">
<!--Instagram logo-->
<div class="instagram"></div>
<a href="https://www.instagram.com/elia.joh" target="_blank"> <svg class="logo-img" class="so" width="40" height="40" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<path d="m75 512h362c41.355469 0 75-33.644531 75-75v-362c0-41.355469-33.644531-75-75-75h-362c-41.355469 0-75 33.644531-75 75v362c0 41.355469 33.644531 75 75 75zm-45-437c0-24.8125 20.1875-45 45-45h362c24.8125 0 45 20.1875 45 45v362c0 24.8125-20.1875 45-45 45h-362c-24.8125 0-45-20.1875-45-45zm0 0"></path>
<path d="m256 391c74.4375 0 135-60.5625 135-135s-60.5625-135-135-135-135 60.5625-135 135 60.5625 135 135 135zm0-240c57.898438 0 105 47.101562 105 105s-47.101562 105-105 105-105-47.101562-105-105 47.101562-105 105-105zm0 0"></path>
<path d="m406 151c24.8125 0 45-20.1875 45-45s-20.1875-45-45-45-45 20.1875-45 45 20.1875 45 45 45zm0-60c8.269531 0 15 6.730469 15 15s-6.730469 15-15 15-15-6.730469-15-15 6.730469-15 15-15zm0 0"></path>
</svg> </a>
<!--Tiktok logo -->
<div class="tiktok" >
<a href="https://www.tiktok.com/@elias_john"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="35" fill="#ff715b" viewBox="0 0 2859 3333" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd">
<path d="M2081 0c55 473 319 755 778 785v532c-266 26-499-61-770-225v995c0 1264-1378 1659-1932 753-356-583-138-1606 1004-1647v561c-87 14-180 36-265 65-254 86-398 247-358 531 77 544 1075 705 992-358V1h551z"></path>
</svg> </a>
</div>
</div>
<!--Impressum-->
<div class="footer2-logo-wrapper"><a href="impressum.html" target="_blank" class="link-dark">Impressum</a></div>
<!--bottom text-->
<a href="#" class="link-dark">Gebaut mit ❤️ in Flensburg</a></div>
</body>
</html>

95
Style.css
Unescape Escape View File

@ -0,0 +1,95 @@
body{
background:#12141d;
font-family: 'Open Sans',sans-serif ;
font-size: 14px;
letter-spacing: 2px;}
img{ border-radius: 50% ;
border-color: coral;
border: 2px;
}
.Profil-Bild{
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 3%;
height:auto;
max-width: 100px;
}
.Profil-Name{
text-align: center;
padding: 20px;
color: rgba(255, 255, 255, 0.808);
}
.text{
text-align: center;
padding: 10x;
color: rgba(255, 255, 255, 0.808);
}
.links{
text-align: center;
margin-top: 20px;
padding:20px;
border: 10px solid #ff715b;
border-width: 2px;
border-radius: 40px;
width: 290px;
display: block;
margin-left: auto;
margin-right: auto;
}
a{
text-decoration: none;
color: white;
transition:color 1s;
}
.Links:hover{
background: #ff715b;
}
.social-media {
padding-top: 40px;
display: flex;
justify-content: center;
}
.link-dark {
display: flex;
justify-content: center;
padding-top: 40px;
padding-bottom: 40px;
}
.logo-img {
fill:#ff715b;
}
.logo-img :hover {
fill:#ff715b;
animation: 7s ;
}

6
ig.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 5.8 KiB

32
index.html
Unescape Escape View File

@ -1,32 +0,0 @@
<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">
<title>Elias John
</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="pic">
<img src="" alt="">
</div>
<p></p>
<a class="links" href="http://">Notion</a>
<a class="links" href="http://">Lightroom</a>
<div class="social">
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="100%" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;" version="1.1" viewBox="0 0 600 600" width="100%" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="matrix(1.01619,0,0,1.01619,44,43.8384)"><path d="M251.921,0.159C183.503,0.159 174.924,0.449 148.054,1.675C121.24,2.899 102.927,7.157 86.902,13.385C70.336,19.823 56.287,28.437 42.282,42.442C28.277,56.447 19.663,70.496 13.225,87.062C6.997,103.086 2.739,121.399 1.515,148.213C0.289,175.083 0,183.662 0,252.08C0,320.497 0.289,329.076 1.515,355.946C2.739,382.76 6.997,401.073 13.225,417.097C19.663,433.663 28.277,447.712 42.282,461.718C56.287,475.723 70.336,484.337 86.902,490.775C102.927,497.002 121.24,501.261 148.054,502.484C174.924,503.71 183.503,504 251.921,504C320.338,504 328.917,503.71 355.787,502.484C382.601,501.261 400.914,497.002 416.938,490.775C433.504,484.337 447.553,475.723 461.559,461.718C475.564,447.712 484.178,433.663 490.616,417.097C496.843,401.073 501.102,382.76 502.325,355.946C503.551,329.076 503.841,320.497 503.841,252.08C503.841,183.662 503.551,175.083 502.325,148.213C501.102,121.399 496.843,103.086 490.616,87.062C484.178,70.496 475.564,56.447 461.559,42.442C447.553,28.437 433.504,19.823 416.938,13.385C400.914,7.157 382.601,2.899 355.787,1.675C328.917,0.449 320.338,0.159 251.921,0.159ZM251.921,45.551C319.186,45.551 327.154,45.807 353.718,47.019C378.28,48.14 391.619,52.244 400.496,55.693C412.255,60.263 420.647,65.723 429.462,74.538C438.278,83.353 443.737,91.746 448.307,103.504C451.757,112.381 455.861,125.72 456.981,150.282C458.193,176.846 458.45,184.814 458.45,252.08C458.45,319.345 458.193,327.313 456.981,353.877C455.861,378.439 451.757,391.778 448.307,400.655C443.737,412.414 438.278,420.806 429.462,429.621C420.647,438.437 412.255,443.896 400.496,448.466C391.619,451.916 378.28,456.02 353.718,457.14C327.158,458.352 319.191,458.609 251.921,458.609C184.65,458.609 176.684,458.352 150.123,457.14C125.561,456.02 112.222,451.916 103.345,448.466C91.586,443.896 83.194,438.437 74.378,429.621C65.563,420.806 60.103,412.414 55.534,400.655C52.084,391.778 47.98,378.439 46.859,353.877C45.647,327.313 45.391,319.345 45.391,252.08C45.391,184.814 45.647,176.846 46.859,150.282C47.98,125.72 52.084,112.381 55.534,103.504C60.103,91.746 65.563,83.353 74.378,74.538C83.194,65.723 91.586,60.263 103.345,55.693C112.222,52.244 125.561,48.14 150.123,47.019C176.687,45.807 184.655,45.551 251.921,45.551Z" style="fill-rule:nonzero;"/><path d="M251.921,336.053C205.543,336.053 167.947,298.457 167.947,252.08C167.947,205.702 205.543,168.106 251.921,168.106C298.298,168.106 335.894,205.702 335.894,252.08C335.894,298.457 298.298,336.053 251.921,336.053ZM251.921,122.715C180.474,122.715 122.556,180.633 122.556,252.08C122.556,323.526 180.474,381.444 251.921,381.444C323.367,381.444 381.285,323.526 381.285,252.08C381.285,180.633 323.367,122.715 251.921,122.715Z" style="fill:rgb(3,4,4);fill-rule:nonzero;"/><path d="M416.627,117.604C416.627,134.3 403.092,147.834 386.396,147.834C369.701,147.834 356.166,134.3 356.166,117.604C356.166,100.908 369.701,87.374 386.396,87.374C403.092,87.374 416.627,100.908 416.627,117.604Z" style="fill:rgb(0, 0, 0);fill-rule:nonzero;"/></g></svg>
<?xml version="1.0" ?><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title/><g data-name="Github 1" id="Github_1"><g data-name="&lt;Group&gt;" id="_Group_"><path d="M12,.5A11.5,11.5,0,0,0,.5,12a11.82,11.82,0,0,0,9,11.5v-3h-1c-2.62,0-3.54-4-5-4,2.79,0,3.33,2,5,2a.89.89,0,0,0,1-1v-.35c-2.91-.82-5-3-5-5.65A5.26,5.26,0,0,1,6.07,7.84,3.16,3.16,0,0,1,6.5,4.5,5.26,5.26,0,0,1,8.88,6a9.14,9.14,0,0,1,6.24,0A5.26,5.26,0,0,1,17.5,4.5a3.16,3.16,0,0,1,.43,3.34A5.26,5.26,0,0,1,19.5,11.5c0,2.74-2.29,5-5.42,5.76a4.68,4.68,0,0,1,.42,2.24v4a11.82,11.82,0,0,0,9-11.5A11.5,11.5,0,0,0,12,.5Z" data-name="&lt;Path&gt;" id="_Path_" style="fill:none;stroke:#303c42;stroke-linecap:round;stroke-linejoin:round"/></g></g></svg>
<?xml version="1.0" ?><svg id="Apple" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;stroke:#000;stroke-linejoin:round;stroke-width:5px;}</style></defs><path class="cls-1" d="M415.27,214.69V146.55c-89.08-3.75-91.89-84.69-92-92.3v-.57H254.49V319.06h0a54.5,54.5,0,1,1-38.64-52.18V196.59A123.49,123.49,0,1,0,323.43,319.06c0-1.73-.05-3.45-.12-5.16V183.22C355,212.22,415.27,214.69,415.27,214.69Z"/><path class="cls-1" d="M435.54,231.47V163.33c-89.08-3.76-91.89-84.7-92-92.3v-.58H274.76V335.84h0a54.54,54.54,0,1,1-38.64-52.18V213.37A123.49,123.49,0,1,0,343.7,335.84c0-1.73-.05-3.45-.12-5.16V200C375.28,229,435.54,231.47,435.54,231.47Z"/><path class="cls-1" d="M325,70.45c3.32,18.07,13,46.34,41.28,62.87-21.6-25.15-22.7-57.61-22.74-62.29v-.58Z"/><path class="cls-1" d="M435.54,231.47V163.33a127.94,127.94,0,0,1-20.27-2.42v53.66s-60.26-2.47-92-31.46V313.78c.07,1.72.12,3.43.12,5.16a123.49,123.49,0,0,1-191.9,102.81A123.48,123.48,0,0,0,343.7,335.84c0-1.73-.05-3.45-.12-5.16V200C375.28,229,435.54,231.47,435.54,231.47Z"/><path class="cls-1" d="M215.85,266.76a54.56,54.56,0,0,0-39.63,101.31,54.54,54.54,0,0,1,59.9-84.41V213.37a124.69,124.69,0,0,0-15.91-1c-1.46,0-2.91,0-4.36.09Z"/></svg>
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 56.693 56.693" id="Layer_1" version="1.1" viewBox="0 0 56.693 56.693" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M52.837,15.065c-1.811,0.805-3.76,1.348-5.805,1.591c2.088-1.25,3.689-3.23,4.444-5.592c-1.953,1.159-4.115,2-6.418,2.454 c-1.843-1.964-4.47-3.192-7.377-3.192c-5.581,0-10.106,4.525-10.106,10.107c0,0.791,0.089,1.562,0.262,2.303 c-8.4-0.422-15.848-4.445-20.833-10.56c-0.87,1.492-1.368,3.228-1.368,5.082c0,3.506,1.784,6.6,4.496,8.412 c-1.656-0.053-3.215-0.508-4.578-1.265c-0.001,0.042-0.001,0.085-0.001,0.128c0,4.896,3.484,8.98,8.108,9.91 c-0.848,0.23-1.741,0.354-2.663,0.354c-0.652,0-1.285-0.063-1.902-0.182c1.287,4.015,5.019,6.938,9.441,7.019 c-3.459,2.711-7.816,4.327-12.552,4.327c-0.815,0-1.62-0.048-2.411-0.142c4.474,2.869,9.786,4.541,15.493,4.541 c18.591,0,28.756-15.4,28.756-28.756c0-0.438-0.009-0.875-0.028-1.309C49.769,18.873,51.483,17.092,52.837,15.065z"/></svg>
</div>
</body>
</html>

BIN
pro.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

35
script.js
Unescape Escape View File

@ -0,0 +1,35 @@
let darkmode = false ;
const BUTTON= Document.getElementbyId ('Switch ');
const Body = document.querySelector ('body') ;
if (window.matchMedia('(prefers-scheme:dark )').matches ) {
darkmode= true ;
} else{
darkmode= false;
}
console.log(darkmode);
const switchMode = () => {
darkmode = !darkmode;
setclassTobody();
}
const setclassTobody =() => {
if (darkmode){
Body.classList.remove('light');
Body.classList.add('dark');
}else{
Body.classList.add('light');
Body.classList.remove('dark');
}
} ;
BUTTON.addEventLister('click', switchMode );
setclassTobody;

20
style.css
Unescape Escape View File

@ -1,20 +0,0 @@
body{
background-color: firebrick;
}
.links {
text-align: center;
}
.social {
display: flex;
margin: 50%;
width: 100px;
height: 100px;
}
Write Preview
Loading…
Cancel
Save