aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorTolmachev Igor <me@igorek.dev>2025-10-07 14:58:59 +0300
committerTolmachev Igor <me@igorek.dev>2025-10-07 14:58:59 +0300
commit9ac0a35ad0edd305c83d30bbfea7bcd142b74c61 (patch)
tree2a4364200edc180efe09871e89ccfb929532fea1
parent4cc5ce083012ac6c90b5d2f398b12be8ac4e3a58 (diff)
downloadpages-9ac0a35ad0edd305c83d30bbfea7bcd142b74c61.tar.gz
pages-9ac0a35ad0edd305c83d30bbfea7bcd142b74c61.zip
Add chain links
-rw-r--r--index.html8
-rw-r--r--style.css12
2 files changed, 18 insertions, 2 deletions
diff --git a/index.html b/index.html
index c9b1843..1d6ceff 100644
--- a/index.html
+++ b/index.html
@@ -24,6 +24,7 @@
24 <a href="https://codeberg.org/igorechek06/pages">my page</a> 24 <a href="https://codeberg.org/igorechek06/pages">my page</a>
25 </h1> 25 </h1>
26 </main> 26 </main>
27
27 <section> 28 <section>
28 <h2>About me</h2> 29 <h2>About me</h2>
29 I'm a second-year student at 30 I'm a second-year student at
@@ -36,6 +37,7 @@
36 >. I am interested in various fields, from systems programming, robotics, and computer 37 >. I am interested in various fields, from systems programming, robotics, and computer
37 vision to web applications and technologies. 38 vision to web applications and technologies.
38 </section> 39 </section>
40
39 <section> 41 <section>
40 <h2>Socials</h2> 42 <h2>Socials</h2>
41 <ul> 43 <ul>
@@ -69,5 +71,11 @@
69 </li> 71 </li>
70 </ul> 72 </ul>
71 </section> 73 </section>
74
75 <footer class="chain-links">
76 <a href="https://tomashevi.ch/"><i class="nf nf-fa-backward"></i></a>
77 <span>igorek.dev</span>
78 <a href="https://arslee.me/"><i class="nf nf-fa-forward"></i></a>
79 </footer>
72 </body> 80 </body>
73</html> 81</html>
diff --git a/style.css b/style.css
index bee5b8c..29c658e 100644
--- a/style.css
+++ b/style.css
@@ -58,7 +58,6 @@ nav > * {
58 58
59 flex: 1; 59 flex: 1;
60 60
61 text-decoration: none;
62 text-align: center; 61 text-align: center;
63 text-wrap: nowrap; 62 text-wrap: nowrap;
64 overflow: hidden; 63 overflow: hidden;
@@ -99,6 +98,7 @@ ul {
99a, 98a,
100.copy { 99.copy {
101 color: var(--color-primary); 100 color: var(--color-primary);
101 text-decoration: none;
102} 102}
103 103
104.copy:hover { 104.copy:hover {
@@ -117,7 +117,6 @@ a,
117.links > a { 117.links > a {
118 flex: 1; 118 flex: 1;
119 119
120 text-decoration: none;
121 text-align: center; 120 text-align: center;
122 text-wrap: nowrap; 121 text-wrap: nowrap;
123 padding: 0.25rem 1rem; 122 padding: 0.25rem 1rem;
@@ -125,3 +124,12 @@ a,
125 border: 0.1rem solid var(--color-primary); 124 border: 0.1rem solid var(--color-primary);
126 border-radius: 1rem; 125 border-radius: 1rem;
127} 126}
127
128.chain-links {
129 display: flex;
130}
131
132.chain-links > * {
133 flex: 1;
134 text-align: center;
135}