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

105
pages/links.html
View File

@ -9,12 +9,43 @@
*{ *{
margin:0; margin:0;
padding:0; padding:0;
height:100%;
width: 100%;
} }
body{
img.sociaalLink { 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; width: 50px;
height:50px;
} }
</style> </style>
@ -23,44 +54,66 @@
<body> <body>
<div id="mainView"> <div id="mainView">
<h1>My Social Links</h1> <h1>My Social Links</h1>
<ul> <div class="socialList">
<li class="socialLink"> <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"> <a href="https://bsky.app/profile/w175b.bsky.social">
<img src="/media/socialicons/bsky.png" alt="Bluesky Logo"> <img src="/media/socialicons/bsky.png" alt="Bluesky Logo">
<h3>Bluesky</h3> <h3>Bluesky</h3>
</a> </a>
</li> </div>
<li class="socialLink"> <div class="socialLink">
<a href="https://thangs.com/designer/TechRunner"> <a href="https://thangs.com/designer/TechRunner">
<img src="" alt=""> <img src="" alt="">
<h3>Thangs 3D Models</h3> <h3>Thangs 3D Models</h3>
</a> </a>
</li> </div>
<li class="socialLink"> <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"> <a href="https://t.me/W175B">
<img src="" alt=""> <img src="" alt="">
<h3>Telegram</h3> <h3>Telegram</h3>
</a> </a>
</li> </div>
<li class="socialLink"> <div class="socialLink">
<a href="http://"> <a href="http://">
<img src="" alt=""> <img src="" alt="">
<h3></h3> <h3></h3>
</a> </a>
</li> </div>
<li class="socialLink">
<a href="http://"> </div>
<img src="" alt="">
<h3></h3>
</a>
</li>
<li class="socialLink">
<a href="http://">
<img src="" alt="">
<h3></h3>
</a>
</li>
</ul>
</div> </div>
</body> </body>
</html> </html>
<!-- Template
<div class="socialLink">
<a href="http://">
<img src="" alt="">
<h3></h3>
</a>
</div>
-->