Skip to content

Commit

Permalink
a
Browse files Browse the repository at this point in the history
s
  • Loading branch information
oopshnik committed Oct 5, 2024
1 parent f940d57 commit 30285f8
Show file tree
Hide file tree
Showing 6 changed files with 193 additions and 127 deletions.
52 changes: 52 additions & 0 deletions assets/css/devices.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
body {
margin: 0;
padding: 0;
font-family: 'JetBrainsMono', 'Consolas', 'CascadiaCode', monospace;
background-color: #1b1b2f;
color: #e0e0e0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

.container {
background: rgba(50, 50, 100, 0.8);
padding: 2rem;
border-radius: 15px;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.5);
text-align: center;
}

h2 {
font-size: 1.5rem;
color: #c8a2ff;
margin-bottom: 20px;
}

.info {
display: flex;
gap: 20px; /* Space between each link */
justify-content: center;
}

.info p {
font-size: 1.2rem;
display: flex;
align-items: center;
margin: 0;
}

.info i {
margin-right: 8px;
color: #c8a2ff;
}

a {
color: hsl(265, 100%, 82%);
text-decoration: none;
}

a:hover {
text-decoration: underline;
}
57 changes: 57 additions & 0 deletions assets/css/styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
body {
margin: 0;
padding: 0;
font-family: 'JetBrainsMono', 'Consolas', 'CascadiaCode', monospace;
background-color: #1b1b2f;
color: #e0e0e0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

.container {
background: rgba(50, 50, 100, 0.8);
padding: 125px;
border-radius: 15px;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.5);
text-align: center;
}

h2 {
font-size: 1.5rem;
color: #c8a2ff;
margin-bottom: 20px;
}

.info {
display: flex;
gap: 20px; /* Space between each link */
justify-content: center;
}

.info p {
font-size: 1.2rem;
display: flex;
align-items: center;
margin: 0;
}

.info i {
margin-right: 8px;
color: #c8a2ff;
}






a {
color: hsl(265, 100%, 82%);
text-decoration: none;
}

a:hover {
text-decoration: underline;
}
26 changes: 26 additions & 0 deletions contacts/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contacts</title>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="../assets/css/styles.css"> <!-- Your CSS file -->
</head>
<body>
<div class="container">
<h2>Contacts:</h2>
<div class="info">
<p><i class="fab fa-telegram-plane"></i><a href="https://t.me/oopshnik">Telegram</a></p>
<p><i class="fab fa-discord"></i><a href="https://discordapp.com/users/1186159079178108982">Discord</a></p>
<p><i class="fas fa-envelope"></i><a href="mailto:[email protected]">Email</a></p>
<p><i class="fas fa-comment"></i><a href="https://matrix.to/#/@oopshnik:matrix.org">Matrix</a></p>
<p><i class="fab fa-github"></i><a href="https://github.com/oopshnik">Github</a></p>

</div>
<h4>[email protected]<br>(if email link not working)</h4>
<h2><a href="../index.html">Back to homepage</a></h2>
</div>
</body>
</html>
37 changes: 37 additions & 0 deletions devices/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Device Specifications</title>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="..\assets\css\devices.css"> <!-- Your CSS file -->

</head>
<body>
<div class="container">
<h1>Device Specifications</h1>

<div class="device">
<h2>PC</h2>
<p><strong>All-in-One:</strong> Lenovo ThinkCentre Neo 30a Gen 4 (<a href="https://shop.lenovo.com/product/12JYA01000/">Link</a>)</p>
<p><strong>Processor:</strong> 13th Gen Intel(R) Core(TM) i7-13620H 2.40 GHz (<a href="https://www.intel.com/content/www/us/en/products/sku/232130/intel-core-i713620h-processor-24m-cache-up-to-4-90-ghz/specifications.html">Specifications</a>)</p>
<p><strong>Graphics:</strong> Intel(R) UHD Graphics (<a href="https://www.intel.com/content/www/us/en/support/products/197533/graphics/processor-graphics/intel-uhd-graphics-family/intel-uhd-graphics-for-10th-gen-intel-processors.html">Details</a>)</p>
</div>

<div class="device">
<h2>Phone</h2>
<p><strong>Model:</strong> Samsung Galaxy A22 (<a href="https://www.gsmarena.com/samsung_galaxy_a22-10948.php">Specifications</a>)</p>
</div>

<div class="device">
<h2>Devices</h2>
<p><strong>Headphones:</strong> JBL Tune 510bt (<a href="https://www.jbl.com/halloween-sale/TUNE510BT-.html">Link</a>)</p>
<p><strong>Mouse:</strong> ThinkPlus Wireless Ergonomic (<a href="https://www.ebay.com/itm/334756229113">Link</a>)</p>
<p><strong>Keyboard:</strong> HyperX Alloy MKW 100 (<a href="https://hyperx.com/products/hyperx-alloy-mkw100">Link</a>)</p>
</div>
<h2><a href="../index.html">Back to homepage</a></h2>
</div>
</body>
</html>
51 changes: 21 additions & 30 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,38 +1,29 @@
<!DOCTYPE html>
<html lang="ru">
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>oopshnik!</title>
<link rel="icon" href="icon.png">
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>💾</text></svg>">

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>oopshnik!</title>
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>💾</text></svg>">
<link href="https://fonts.googleapis.com/css2?family=Cascadia+Code&family=Consolas&family=JetBrains+Mono&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="assets/css/styles.css">
</head>

<body>
<div class="container">
<h1>oopshnik!</h1>
<h2>Bio:</h2>
<h3></i> Python & Golang Developer<br>
Frontend Enthusiast<br>
</h3>

<i class="fab fa-python"></i>
<i class="fab fa-golang"></i>
<i class="fab fa-html5"></i>
<i class="fab fa-css3-alt"></i>
<h2><a href="/contacts/index.html">Contacts Page</a></h2>
<h2><a href="/devices/index.html">My Devices Specifications</a></h2>

<div class="container">
<div class="profile-photo">
<img src="../assets/pfp.png">
</div>
<div class="text">
<h1>oopshnik 🗿</h1>
<p>Welcome to my personal website!</p>
</div>
<div class="icons">
<a href="https://t.me/notprogr" target="_blank">
<span class="material-icons icon-telegram">telegram</span>
</a>
<a href="https://discordapp.com/users/" target="_blank">
<span class="material-icons icon-discord">discord</span>
</a>
<a href="mailto:testemail" target="_blank">
<span class="material-icons icon-email">email</span>
</a>
</div>
</div>
</div>
</body>
</html>
97 changes: 0 additions & 97 deletions styles.css

This file was deleted.

0 comments on commit 30285f8

Please sign in to comment.