summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorsalmonik <raisersoft@proton.me>2025-09-22 17:03:41 +0200
committersalmonik <raisersoft@proton.me>2025-09-22 17:03:41 +0200
commitc060a0b709916744eddf8542a247ae40a9e832d4 (patch)
treeea3166f464792934a1025014f49b30bd61ea9dfb
parentquick changes (diff)
downloadsite-c060a0b709916744eddf8542a247ae40a9e832d4.tar.gz
site-c060a0b709916744eddf8542a247ae40a9e832d4.zip
added GPG key
-rw-r--r--index.html204
-rw-r--r--resources/public.gpg41
-rw-r--r--styles.css17
3 files changed, 162 insertions, 100 deletions
diff --git a/index.html b/index.html
index ec0b929..e6286ce 100644
--- a/index.html
+++ b/index.html
@@ -10,129 +10,135 @@
10 <link rel="stylesheet" href="styles.css"> 10 <link rel="stylesheet" href="styles.css">
11</head> 11</head>
12<body> 12<body>
13 <header> 13<header>
14 <div class="container">
15 <nav>
16 <a href="#" class="logo">SalmonPage</a>
17 <div class="nav-links">
18 <a href="#about">About</a>
19 <a href="#projects">Projects</a>
20 <a href="#contact">Contact</a>
21 </div>
22 </nav>
23 </div>
24</header>
25
26<main>
27 <section class="hero">
14 <div class="container"> 28 <div class="container">
15 <nav> 29 <div class="hero-content">
16 <a href="#" class="logo">SalmonPage</a> 30 <div class="hero-text">
17 <div class="nav-links"> 31 <div class="greeting">Hi, my name is</div>
18 <a href="#about">About</a> 32 <h1>Salmon. </h1>
19 <a href="#projects">Projects</a> 33 <h2 class="tagline">I build things.</h2>
20 <a href="#contact">Contact</a> 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>
21 </div> 39 </div>
22 </nav> 40 <div class="hero-image">
41 <img src="resources/salmon.png" alt="Salmon" class="hero-img">
42 </div>
43 </div>
23 </div> 44 </div>
24 </header> 45 </section>
25 46
26 <main> 47 <section id="about" class="about">
27 <section class="hero"> 48 <div class="container">
28 <div class="container"> 49 <h2 class="section-title">Who am I?</h2>
29 <div class="hero-content"> 50 <div class="about-content">
30 <div class="hero-text"> 51 <div>
31 <div class="greeting">Hi, my name is</div> 52 <p>I am salmon, mainly known for SalmonPaste. Creator of SalmonPaste and a few discord bots.</p>
32 <h1>Salmon. </h1> 53 <p>This is my site, proudly hosted on my cheap ass server.</p>
33 <h2 class="tagline">I build things.</h2> 54 <p>Things I work with:</p>
34 <p>I mainly do C++ and whatnot.</p> 55 <div class="skills">
35 <div class="cta-buttons"> 56 <span class="skill-tag">Linux</span>
36 <a href="#contact" class="btn btn-primary">Contacts</a> 57 <span class="skill-tag">C++</span>
37 <a href="#projects" class="btn btn-outline">What did I do</a> 58 <span class="skill-tag">Python</span>
38 </div> 59 <span class="skill-tag">Retards</span>
39 </div> 60 <span class="skill-tag">More Linux</span>
40 <div class="hero-image">
41 <img src="resources/salmon.png" alt="Salmon" class="hero-img">
42 </div> 61 </div>
43 </div> 62 </div>
63 <div class="about-image">
64 <img src="resources/about.png" alt="About Me" class="about-img">
65 </div>
44 </div> 66 </div>
45 </section> 67 </div>
68 </section>
46 69
47 <section id="about" class="about"> 70 <section id="projects" class="projects">
48 <div class="container"> 71 <div class="container">
49 <h2 class="section-title">Who am I?</h2> 72 <h2 class="section-title">My Projects</h2>
50 <div class="about-content"> 73 <div class="projects-grid">
51 <div> 74 <!-- Project 1 -->
52 <p>I am salmon, mainly known for SalmonPaste. Creator of SalmonPaste and a few discord bots.</p> 75 <div class="project-card">
53 <p>This is my site, proudly hosted on my cheap ass server.</p> 76 <h3 class="project-title">SalmonPaste</h3>
54 <p>Things I work with:</p> 77 <p class="project-description">Unmaintained TF2 x64 cheat. greatest.</p>
55 <div class="skills"> 78 <div class="project-links">
56 <span class="skill-tag">Linux</span> 79 <a href="https://discord.gg/hj5vUkUWfU" class="btn btn-outline" target="_blank"
57 <span class="skill-tag">C++</span> 80 rel="noopener noreferrer">Discord Server</a>
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> 81 </div>
63 <div class="about-image"> 82 <div class="project-tags">
64 <img src="resources/about.png" alt="About Me" class="about-img"> 83 <span class="project-tag">C++</span>
84 <span class="project-tag">FWare based</span>
85 <span class="project-tag">Dead</span>
65 </div> 86 </div>
66 </div> 87 </div>
67 </div>
68 </section>
69 88
70 <section id="projects" class="projects"> 89 <!-- Project 2 -->
71 <div class="container"> 90 <div class="project-card">
72 <h2 class="section-title">My Projects</h2> 91 <h3 class="project-title">Discord Bots</h3>
73 <div class="projects-grid"> 92 <p class="project-description">A few bots I made.</p>
74 <!-- Project 1 --> 93 <div class="project-links">
75 <div class="project-card"> 94 <a href="https://codeberg.org/salmonik" class="btn btn-outline" target="_blank"
76 <h3 class="project-title">SalmonPaste</h3> 95 rel="noopener noreferrer">My Codeberg</a>
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" rel="noopener noreferrer">Discord Server</a>
80 </div>
81 <div class="project-tags">
82 <span class="project-tag">C++</span>
83 <span class="project-tag">FWare based</span>
84 <span class="project-tag">Dead</span>
85 </div>
86 </div> 96 </div>
87 97 <div class="project-tags">
88 <!-- Project 2 --> 98 <span class="project-tag">Python</span>
89 <div class="project-card"> 99 <span class="project-tag">Pycord</span>
90 <h3 class="project-title">Discord Bots</h3> 100 <span class="project-tag">Open Source</span>
91 <p class="project-description">A few bots I made.</p>
92 <div class="project-links">
93 <a href="https://codeberg.org/salmonik" class="btn btn-outline" target="_blank" rel="noopener noreferrer">My Codeberg</a>
94 </div>
95 <div class="project-tags">
96 <span class="project-tag">Python</span>
97 <span class="project-tag">Pycord</span>
98 <span class="project-tag">Open Source</span>
99 </div>
100 </div> 101 </div>
102 </div>
101 103
102 <!-- Project 3 --> 104 <!-- Project 3 -->
103 <div class="project-card"> 105 <div class="project-card">
104 <h3 class="project-title">FileSiever</h3> 106 <h3 class="project-title">FileSiever</h3>
105 <p class="project-description">Extremely fast C++ CLI app to filter out lines from files.</p> 107 <p class="project-description">Extremely fast C++ CLI app to filter out lines from files.</p>
106 <div class="project-links"> 108 <div class="project-links">
107 <a href="https://codeberg.org/salmonik/FileSiever" class="btn btn-outline" target="_blank" rel="noopener noreferrer">Project's Codeberg page</a> 109 <a href="https://codeberg.org/salmonik/FileSiever" class="btn btn-outline" target="_blank"
108 </div> 110 rel="noopener noreferrer">Project's Codeberg page</a>
109 <div class="project-tags"> 111 </div>
110 <span class="project-tag">C++</span> 112 <div class="project-tags">
111 <span class="project-tag">Open Source</span> 113 <span class="project-tag">C++</span>
112 <span class="project-tag">CLI</span> 114 <span class="project-tag">Open Source</span>
113 </div> 115 <span class="project-tag">CLI</span>
114 </div> 116 </div>
115 </div> 117 </div>
116 </div> 118 </div>
117 </section> 119 </div>
120 </section>
118 121
119 <section id="contact" class="contact"> 122 <section id="contact" class="contact">
120 <div class="container"> 123 <div class="container">
121 <div class="contact-content"> 124 <div class="contact-content">
122 <h2 class="section-title">How to contact me</h2> 125 <h2 class="section-title">How to contact me</h2>
126 <div class="contact-methods">
123 <a href="mailto:raisersoft@proton.me" class="btn btn-primary">Email</a> 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>
124 <a href="https://discord.com/users/1204201769006145556" class="btn btn-primary">Discord</a> 129 <a href="https://discord.com/users/1204201769006145556" class="btn btn-primary">Discord</a>
125 <a href="https://t.me/salmonium" class="btn btn-primary">Telegram</a> 130 <a href="https://t.me/salmonium" class="btn btn-primary">Telegram</a>
126 </div> 131 </div>
127 </div> 132 </div>
128 </section>
129 </main>
130
131 <footer>
132 <div class="container">
133 <p>Designed & Built by Salmon and AI</p>
134 </div> 133 </div>
135 </footer> 134 </section>
136 <script src="js/gradient.js"></script> 135</main>
136
137<footer>
138 <div class="container">
139 <p>Designed & Built by Salmon and AI</p>
140 </div>
141</footer>
142<script src="js/gradient.js"></script>
137</body> 143</body>
138</html> \ No newline at end of file 144</html> \ No newline at end of file
diff --git a/resources/public.gpg b/resources/public.gpg
new file mode 100644
index 0000000..042f489
--- /dev/null
+++ b/resources/public.gpg
@@ -0,0 +1,41 @@
1-----BEGIN PGP PUBLIC KEY BLOCK-----
2
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
39CORqwz1E8zypZUvzqariVjlwbnd9+yRSRahP
40=EMT2
41-----END PGP PUBLIC KEY BLOCK----- \ No newline at end of file
diff --git a/styles.css b/styles.css
index e3dd04d..c6fbe92 100644
--- a/styles.css
+++ b/styles.css
@@ -323,8 +323,23 @@ section {
323} 323}
324 324
325.contact-content { 325.contact-content {
326 max-width: 600px; 326 max-width: 1400px;
327 margin: 0 auto; 327 margin: 0 auto;
328 text-align: center;
329}
330
331.contact-methods {
332 display: flex;
333 flex-wrap: wrap;
334 gap: 15px;
335 justify-content: center;
336 margin: 20px 0;
337 padding: 0 20px;
338}
339
340.contact-methods .btn {
341 margin: 5px;
342 flex: 0 0 auto;
328} 343}
329 344
330/* Footer */ 345/* Footer */