planetrenox/planetrenox.com
1
0
Fork 0
mirror of https://github.com/planetrenox/planetrenox.com.git synced 2026-01-14 16:48:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Ensure widget is responsive and update text color

Browse Source
This commit is contained in:
multipleof4
2025-09-30 09:33:59 -07:00
parent ab29c8762a
commit 936d77fe77
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@@ -20,10 +20,11 @@ body{
text-align:center; text-align:center;
padding:1rem padding:1rem
} }
h1{font-size:clamp(2rem,8vw,4rem);text-transform:lowercase;color:var(--c2)} h1{font-size:clamp(2rem,8vw,4rem);text-transform:lowercase;color:var(--c3)}
h1 span{animation:blink 1s step-end infinite} h1 span{animation:blink 1s step-end infinite}
main{display:flex;flex-direction:column;align-items:center;gap:2rem} main{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}
.widget-wrapper{max-width:100%} .widget-wrapper{max-width:646px;width:100%}
iframe{width:100%;height:190px;border:0}
footer{margin-top:2rem} footer{margin-top:2rem}
a{color:var(--c3);text-decoration:none} a{color:var(--c3);text-decoration:none}
a:hover{background:var(--c2);color:var(--c1)} a:hover{background:var(--c2);color:var(--c1)}
@@ -33,7 +34,7 @@ a:hover{background:var(--c2);color:var(--c1)}
<main> <main>
<h1>planetrenox<span>_</span></h1> <h1>planetrenox<span>_</span></h1>
<div class="widget-wrapper"> <div class="widget-wrapper">
<iframe src="https://store.steampowered.com/widget/1745790/" frameborder="0" width="646" height="190"></iframe> <iframe src="https://store.steampowered.com/widget/1745790/"></iframe>
</div> </div>
<footer> <footer>
<a href="https://github.com/planetrenox" target="_blank" rel="noopener noreferrer">&gt; GITHUB</a> <a href="https://github.com/planetrenox" target="_blank" rel="noopener noreferrer">&gt; GITHUB</a>