direct-img/vibegif.direct-img.link
1
0
Fork 0
mirror of https://github.com/direct-img/vibegif.direct-img.link.git synced 2026-10-29 03:34:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add GitHub Sponsors button and move hotlink note to top

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
multipleof4
2026-10-22 18:43:13 +00:00
co-authored by Claude Opus 5.5
parent 9d50e70cc2
commit 065783026a
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+5 -3
View File
@@ -9,16 +9,19 @@
@font-face{font-family:"Stain";src:url("https://cdn.jsdelivr.net/gh/multipleof4/stain.otf@master/dist/Stain.otf") format("opentype");font-display:swap} @font-face{font-family:"Stain";src:url("https://cdn.jsdelivr.net/gh/multipleof4/stain.otf@master/dist/Stain.otf") format("opentype");font-display:swap}
*{box-sizing:border-box;margin:0} *{box-sizing:border-box;margin:0}
body{background:#fff;color:#000;font-family:"Stain",sans-serif;text-align:center;padding:24px 16px} body{background:#fff;color:#000;font-family:"Stain",sans-serif;text-align:center;padding:24px 16px}
h1{font-weight:400;font-size:clamp(22px,5vw,44px);line-height:1.2;margin:8px auto 28px;max-width:900px} h1{font-weight:400;font-size:clamp(22px,5vw,44px);line-height:1.2;margin:8px auto 12px;max-width:900px}
p{font-size:clamp(16px,3vw,22px);margin-bottom:16px}
iframe{border:0;border-radius:6px;margin-bottom:28px}
main{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;max-width:1400px;margin:auto} main{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;max-width:1400px;margin:auto}
a{display:flex;align-items:center;justify-content:center;aspect-ratio:1} a{display:flex;align-items:center;justify-content:center;aspect-ratio:1}
img{width:100%;height:100%;object-fit:contain} img{width:100%;height:100%;object-fit:contain}
footer{font-size:clamp(16px,3vw,22px);margin:40px 0 8px}
@media(max-width:480px){main{grid-template-columns:repeat(3,1fr);gap:10px}} @media(max-width:480px){main{grid-template-columns:repeat(3,1fr);gap:10px}}
</style> </style>
</head> </head>
<body> <body>
<h1>public domain gallery of 1000 gifs and animated webp</h1> <h1>public domain gallery of 1000 gifs and animated webp</h1>
<p>feel free to hot link them</p>
<iframe src="https://github.com/sponsors/multipleof4/button" title="Sponsor multipleof4" height="32" width="114"></iframe>
<main> <main>
<a href="/bird/wave.webp"><img src="/bird/wave.webp" alt="bird wave" width="256" height="256" loading="lazy" decoding="async"></a> <a href="/bird/wave.webp"><img src="/bird/wave.webp" alt="bird wave" width="256" height="256" loading="lazy" decoding="async"></a>
<a href="/cat/blink.webp"><img src="/cat/blink.webp" alt="cat blink" width="100" height="67" loading="lazy" decoding="async"></a> <a href="/cat/blink.webp"><img src="/cat/blink.webp" alt="cat blink" width="100" height="67" loading="lazy" decoding="async"></a>
@@ -27,6 +30,5 @@ footer{font-size:clamp(16px,3vw,22px);margin:40px 0 8px}
<a href="/cat/tail.gif"><img src="/cat/tail.gif" alt="cat tail" width="120" height="90" loading="lazy" decoding="async"></a> <a href="/cat/tail.gif"><img src="/cat/tail.gif" alt="cat tail" width="120" height="90" loading="lazy" decoding="async"></a>
<a href="/heart/wink.gif"><img src="/heart/wink.gif" alt="heart wink" width="128" height="128" loading="lazy" decoding="async"></a> <a href="/heart/wink.gif"><img src="/heart/wink.gif" alt="heart wink" width="128" height="128" loading="lazy" decoding="async"></a>
</main> </main>
<footer>feel free to hot link them</footer>
</body> </body>
</html> </html>