Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@jacobnicked
jacobnicked authored Feb 8, 2024
1 parent 23941ab commit fa79b13
Show file tree
Hide file tree
Showing 2 changed files with 124 additions and 29 deletions.
52 changes: 39 additions & 13 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jacob Nicked</title>
<link rel="stylesheet" href="style.css">
<link href='https://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet'>
<link rel="icon" type="image/x-icon" href="https://avatars.githubusercontent.com/u/95031835?v=4">
</head>
<body>
Expand All @@ -13,29 +14,54 @@
<img src="https://avatars.githubusercontent.com/u/95031835?v=4" alt="AI-generated profile picture!" class="pfp">
<h2 class="title">Jacob Nicked</h2>
</header>
<!--Navigation bar-->
<div class="navbar">
<a href="#">Home</a>
<a href="index.html">Home</a>
<a href="aboutme.html">About me</a>
<a href="mailto:jacobnicked@gmail.com">Contact me!</a>
<a href="https://linktr.ee/jacobnicked/" target="_blank">My social media</a>
<a href="https://github.com/jacobnicked" target="_blank" id="github-btn">GitHub</a>
<a rel="me" href="https://mas.to/@jacobnicked" target="_blank">Mastodon</a>
<a href="https://twitter.com/jacobnicked/" target="_blank">Twitter</a>
</div>
<div class="main">
<p>Expected final release: 2024-2025</p>
<!--<p>In June 2023, I had to create a webpage about the person who is my idol. It's currently (and unfortunately 😞) in Polish, but I'm planning on releasing the webpage in English. For anyone curious - <a href="myidol.html" target="_blank">click here!</a><br>It'll open in a new tab.</p>-->
<a href="https://twitter.com/jacobnicked?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-size="large" data-show-count="false"></a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<p>I am updating this website when I am able to!</p>
</div>
<!--<hr>
<div class="mytweet">
<blockquote class="twitter-tweet" data-lang="en" data-theme="dark"><p lang="en" dir="ltr">Day 7:<br><br>Used OpenCore 0.9.3 and modified the config.plist file.<br>No root patches applied, the OS will not boot if they have been applied, and Wi-Fi does not work.<a href="https://twitter.com/hashtag/macossonoma?src=hash&amp;ref_src=twsrc%5Etfw">#macossonoma</a> <a href="https://twitter.com/hashtag/opencore?src=hash&amp;ref_src=twsrc%5Etfw">#opencore</a> <a href="https://t.co/Wjs19kIjBE">https://t.co/Wjs19kIjBE</a> <a href="https://t.co/ocKbZCvN8H">pic.twitter.com/ocKbZCvN8H</a></p>&mdash; Jacob ∞ (@jacobnicked) <a href="https://twitter.com/jacobnicked/status/1669072809866276868?ref_src=twsrc%5Etfw">June 14, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<!--Main-->
<main>
<p>Expected final release: 2024-2025</p>
<a href="https://twitter.com/jacobnicked?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-size="large" data-show-count="false"></a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<p>I'll be updating this website when I am able to!</p>
<br>
<!--Article 1-->
<div class="articles-container">
<article class="VENUS">
<h3>Listen to VENUS <a href="https://zaralarsson.lnk.to/VENUS"><img src="https://upload.wikimedia.org/wikipedia/en/4/43/Zara_Larsson_-_Venus.png" class="VENUS_thecover" align="right"></a><br />
by Zara Larsson:
</h3>
<ul>
<li><a href="https://music.apple.com/album/venus/1713632015">Apple Music</a></li>
<li>YouTube Music</li>
<li><a href="https://open.spotify.com/prerelease/2Sf8qYBgwu3BM9HNofDVVJ?si=b58cd85a44454e61">Spotify</a></li>
<li><a href="https://music.amazon.com/albums/B0CLT6ZR67?marketplaceId=A3K6Y4MI8GDYMT&musicTerritory=PL&ref=dm_sh_5DRLhaUVSEjajDBaqHe6fnkOH">Amazon Music</a></li>
<li><a href="https://www.deezer.com/us/artist/4331004?app_id=140685&utm_source=partner_linkfire&utm_campaign=8938412583582395b043c03c2630a55a&utm_medium=Original&utm_term=epic-records-us&utm_content=artist-4331004">Deezer</a></li>
<li><a href="https://listen.tidal.com/artist/4815108">Tidal</a></li>
</ul>
</article>
<!--The end of article 1-->
<article class="loremipsum">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque rutrum, erat a consequat feugiat, turpis lacus fermentum dui, vitae viverra arcu elit consectetur felis. Suspendisse sit amet leo ac ante dignissim facilisis. Aliquam eleifend in purus nec tristique. Nam non erat dictum, maximus turpis in, convallis orci. Praesent volutpat tellus suscipit metus pharetra, id commodo est malesuada. Duis vehicula tincidunt metus. Ut malesuada malesuada velit a pellentesque. Nulla porta, lacus sed pellentesque accumsan, eros enim sodales eros, tempus hendrerit nibh purus id leo. Curabitur sollicitudin est non tortor mollis dignissim. Praesent feugiat orci vitae sem molestie, id pulvinar augue varius.</p>
</article>
</div>
<!--The end of articles-->
<br>
<hr>
<p style="font-size: 18px; text-align: center; padding: 15px;">Until I do not figure out how put the final footer at the bottom of the page, it'll either be unavailable or not work correctly</p>
</main>
<!--<div class="container">
</div>-->
</div>
<!--The end of the custom body-->
<hr>
<div class="footer">
Copyright © Jacob Nicked 2024
</div>
<footer>
Copyright © Jacob Nicked <script>document.write(new Date().getFullYear());</script>
</footer>
</body>
</html>
101 changes: 85 additions & 16 deletions style.css
View file
Original file line number Diff line number Diff line change
@@ -1,22 +1,24 @@
body {
font-family: Arial, Helvetica, sans-serif;
background-color:rgb(255, 225, 225);
min-height: 100vh;
position: relative
}

.custom-body {
font-family: Arial, sans-serif;
margin: 15px;
padding: 0;
margin-top: 0px;
}

.title {
font-family: Arial;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
margin-left: 20px;
}

p {
font-family: Arial;
font-size: 20px;
font-family: Calibri;
font-size: 22px;
}

.top {
Expand All @@ -26,8 +28,9 @@ p {
}

.pfp {
height: 50px;
width: auto;
max-height: 50px;
max-width: auto;
border-radius: 5px;
/*margin-left: 15px;
margin-top: 15px;
margin-bottom: 15px;*/
Expand All @@ -38,6 +41,7 @@ p {
background-color: #333;
overflow: hidden;
width: 100%;
border-radius: 5px;
/*margin-left: 15px;
margin-right: 15px;*/
}
Expand All @@ -47,29 +51,94 @@ p {
font-size: 15px;
color: white;
text-align: center;
padding: 20px 25px;
padding: 15px 25px;
text-decoration: none;
}

.navbar #github-btn {
float: right;
}
/* The end of navbar */

.main {
main {
text-align: left;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 75px;
padding-right: 75px;
}
/* The end of navbar */

.footer {
background-color:blanchedalmond;
overflow: hidden;
padding: 20px;
font-family: Arial;
font-size: 15px;
text-align: center;
/* Articles */
.articles-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

/*Article*/
article {
background-color: #ffffff;
padding: 25px;
margin-bottom: 10px;
border-radius: 10px;
width: 45%;
}

/*article:last-child {
margin-bottom: 0;
}*/

article h3 {
margin-top: 5px;
}

article p {
margin-top: 1px;
font-size: 18px;
}
/* The end of article */

a {
text-decoration: none;
color: darkslategray;
}

/*VENUS*/
.VENUS {
font-family: 'Cinzel';
font-weight: bold;
float: left;
font-size: 105%;
}

.VENUS h3 {
font-weight: bolder;
font-size: 120%;
}

.VENUS_thecover {
max-height: 240px;
max-width: auto;
border-radius: 2%;
margin-left: 15%;
}

/*article 2*/
.loremipsum {
float: right;
}
/*The end of the articles*/



footer {
position: absolute;
left: 0;
right: 0;
background-color: darkslategray;
padding: 25px;
text-align: center;
font-family: 'Courier New', Courier, monospace;
font-weight: bold;
color: white;
}

0 comments on commit fa79b13

Please sign in to comment.