summaryrefslogtreecommitdiffstats
path: root/index.html
diff options
context:
space:
mode:
authorsalmonik <raisersoft@proton.me>2026-02-07 00:45:28 +0100
committersalmonik <raisersoft@proton.me>2026-02-07 00:45:28 +0100
commit4ab571290f64527bc321df8f1267376ad9b9043d (patch)
tree523538f46d4b435c4e3d69a76724183467ced7ba /index.html
parentsmooth scrolling when going to divs (diff)
downloadsite-4ab571290f64527bc321df8f1267376ad9b9043d.tar.gz
site-4ab571290f64527bc321df8f1267376ad9b9043d.zip
demake the site, and remove external components
Diffstat (limited to 'index.html')
-rw-r--r--index.html124
1 files changed, 15 insertions, 109 deletions
diff --git a/index.html b/index.html
index e6286ce..1ef0e08 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,16 @@
1<!--
2 This File is part of SalmonPage
3 Copyright (C) 2025 Salmon
4 https://codeberg.org/salmonik/site
5 License: GPL-3.0
6-->
7
1<!DOCTYPE html> 8<!DOCTYPE html>
2<html lang="en"> 9<html lang="en">
3<head> 10<head>
4 <meta charset="UTF-8"> 11 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 12 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>SalmonPage</title> 13 <title>SalmonPage</title>
7 <link rel="preconnect" href="https://fonts.googleapis.com">
8 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
10 <link rel="stylesheet" href="styles.css"> 14 <link rel="stylesheet" href="styles.css">
11</head> 15</head>
12<body> 16<body>
@@ -15,9 +19,8 @@
15 <nav> 19 <nav>
16 <a href="#" class="logo">SalmonPage</a> 20 <a href="#" class="logo">SalmonPage</a>
17 <div class="nav-links"> 21 <div class="nav-links">
18 <a href="#about">About</a> 22 <a href="projects.html">Projects</a>
19 <a href="#projects">Projects</a> 23 <a href="contact.html">Contact</a>
20 <a href="#contact">Contact</a>
21 </div> 24 </div>
22 </nav> 25 </nav>
23 </div> 26 </div>
@@ -27,109 +30,12 @@
27 <section class="hero"> 30 <section class="hero">
28 <div class="container"> 31 <div class="container">
29 <div class="hero-content"> 32 <div class="hero-content">
30 <div class="hero-text"> 33 <div class="hero-text">
31 <div class="greeting">Hi, my name is</div> 34 <div class="greeting">Hi, my name is</div>
32 <h1>Salmon. </h1> 35 <h1>Salmon. </h1>
33 <h2 class="tagline">I build things.</h2> 36 <h2 class="tagline">I am an open software enthusiast.</h2>
34 <p>I mainly do C++ and whatnot.</p>
35 <div class="cta-buttons">
36 <a href="#contact" class="btn btn-primary">Contacts</a>
37 <a href="#projects" class="btn btn-outline">What did I do</a>
38 </div>
39 </div>
40 <div class="hero-image">
41 <img src="resources/salmon.png" alt="Salmon" class="hero-img">
42 </div>
43 </div>
44 </div>
45 </section>
46
47 <section id="about" class="about">
48 <div class="container">
49 <h2 class="section-title">Who am I?</h2>
50 <div class="about-content">
51 <div>
52 <p>I am salmon, mainly known for SalmonPaste. Creator of SalmonPaste and a few discord bots.</p>
53 <p>This is my site, proudly hosted on my cheap ass server.</p>
54 <p>Things I work with:</p>
55 <div class="skills">
56 <span class="skill-tag">Linux</span>
57 <span class="skill-tag">C++</span>
58 <span class="skill-tag">Python</span>
59 <span class="skill-tag">Retards</span>
60 <span class="skill-tag">More Linux</span>
61 </div>
62 </div>
63 <div class="about-image">
64 <img src="resources/about.png" alt="About Me" class="about-img">
65 </div>
66 </div>
67 </div>
68 </section>
69
70 <section id="projects" class="projects">
71 <div class="container">
72 <h2 class="section-title">My Projects</h2>
73 <div class="projects-grid">
74 <!-- Project 1 -->
75 <div class="project-card">
76 <h3 class="project-title">SalmonPaste</h3>
77 <p class="project-description">Unmaintained TF2 x64 cheat. greatest.</p>
78 <div class="project-links">
79 <a href="https://discord.gg/hj5vUkUWfU" class="btn btn-outline" target="_blank"
80 rel="noopener noreferrer">Discord Server</a>
81 </div>
82 <div class="project-tags">
83 <span class="project-tag">C++</span>
84 <span class="project-tag">FWare based</span>
85 <span class="project-tag">Dead</span>
86 </div>
87 </div>
88
89 <!-- Project 2 -->
90 <div class="project-card">
91 <h3 class="project-title">Discord Bots</h3>
92 <p class="project-description">A few bots I made.</p>
93 <div class="project-links">
94 <a href="https://codeberg.org/salmonik" class="btn btn-outline" target="_blank"
95 rel="noopener noreferrer">My Codeberg</a>
96 </div>
97 <div class="project-tags">
98 <span class="project-tag">Python</span>
99 <span class="project-tag">Pycord</span>
100 <span class="project-tag">Open Source</span>
101 </div>
102 </div>
103
104 <!-- Project 3 -->
105 <div class="project-card">
106 <h3 class="project-title">FileSiever</h3>
107 <p class="project-description">Extremely fast C++ CLI app to filter out lines from files.</p>
108 <div class="project-links">
109 <a href="https://codeberg.org/salmonik/FileSiever" class="btn btn-outline" target="_blank"
110 rel="noopener noreferrer">Project's Codeberg page</a>
111 </div>
112 <div class="project-tags">
113 <span class="project-tag">C++</span>
114 <span class="project-tag">Open Source</span>
115 <span class="project-tag">CLI</span>
116 </div>
117 </div>
118 </div>
119 </div>
120 </section>
121
122 <section id="contact" class="contact">
123 <div class="container">
124 <div class="contact-content">
125 <h2 class="section-title">How to contact me</h2>
126 <div class="contact-methods">
127 <a href="mailto:raisersoft@proton.me" class="btn btn-primary">Email</a>
128 <a href="resources/public.gpg" class="btn btn-primary" download="salmon_public.asc">GPG Key</a>
129 <a href="https://discord.com/users/1204201769006145556" class="btn btn-primary">Discord</a>
130 <a href="https://t.me/salmonium" class="btn btn-primary">Telegram</a>
131 </div>
132 </div> 37 </div>
38 <img src="resources/salmon.png" alt="Salmon" class="hero-img">
133 </div> 39 </div>
134 </section> 40 </section>
135</main> 41</main>
@@ -137,8 +43,8 @@
137<footer> 43<footer>
138 <div class="container"> 44 <div class="container">
139 <p>Designed & Built by Salmon and AI</p> 45 <p>Designed & Built by Salmon and AI</p>
46 <p>Hosted under GPL-3.0</p>
140 </div> 47 </div>
141</footer> 48</footer>
142<script src="js/gradient.js"></script>
143</body> 49</body>
144</html> \ No newline at end of file 50</html> \ No newline at end of file