techrunner/Neocities
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated css and links for Link page but wip colors

Browse Source
This commit is contained in:
TechRunner
2025-10-14 01:28:33 -05:00
parent 98d7506115
commit d7dee3dc51
1 changed files with 80 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
pages/links.html
View File

@ -9,12 +9,43 @@
*{
margin:0;
padding:0;
height:100%;
width: 100%;
}
img.sociaalLink {
body{
background-color: #774477;
text-align: center;
display: flex;
align-items: center;
flex-direction: column;
}
#mainView{
display: flex;
align-items: center;
flex-direction: column;
background-color: rgb(13, 86, 223);
height: 100vh;
width: 250px;
}
.socialList{
display: flex;
flex-direction: column;
align-items: center;
width: 200px;
}
.socialLink{
background-color: #227777;
width: 200px;
margin: 5px;
border-radius: 15px;
}
li{
height:80px;
}
ul{
list-style: none;
}
img{
width: 50px;
height:50px;
}
</style>
@ -23,44 +54,66 @@
<body>
<div id="mainView">
<h1>My Social Links</h1>
<ul>
<li class="socialLink">
<div class="socialList">
<div class="socialLink">
<a href="https://discord.gg/XNqyCMBh">
<img src="" alt="">
<h3>Join my Discord!</h3>
</a>
</div>
<div class="socialLink">
<a href="https://bsky.app/profile/w175b.bsky.social">
<img src="/media/socialicons/bsky.png" alt="Bluesky Logo">
<h3>Bluesky</h3>
</a>
</li>
<li class="socialLink">
</div>
<div class="socialLink">
<a href="https://thangs.com/designer/TechRunner">
<img src="" alt="">
<h3>Thangs 3D Models</h3>
</a>
</li>
<li class="socialLink">
</div>
<div class="socialLink">
<a href="https://www.tumblr.com/thevoidwillowsystem">
<img src="" alt="">
<h3>New Tumblr</h3>
</a>
</div>
<div class="socialLink">
<a href="https://techrunner.tumblr.com/">
<img src="" alt="">
<h3>Old Tumblr</h3>
</a>
</div>
<div class="socialLink">
<a href="https://tech.lgbt/@techrunner">
<img src="" alt="">
<h3>Mastadon</h3>
</a>
</div>
<div class="socialLink">
<a href="https://t.me/W175B">
<img src="" alt="">
<h3>Telegram</h3>
</a>
</li>
<li class="socialLink">
</div>
<div class="socialLink">
<a href="http://">
<img src="" alt="">
<h3></h3>
</a>
</li>
<li class="socialLink">
<a href="http://">
<img src="" alt="">
<h3></h3>
</a>
</li>
<li class="socialLink">
<a href="http://">
<img src="" alt="">
<h3></h3>
</a>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
</html>
<!-- Template
<div class="socialLink">
<a href="http://">
<img src="" alt="">
<h3></h3>
</a>
</div>
-->