diff options
| author | ubq323 <ubq323@ubq323.website> | 2021-12-11 20:28:36 +0000 |
|---|---|---|
| committer | ubq323 <ubq323@ubq323.website> | 2021-12-11 20:28:36 +0000 |
| commit | e79fe819f672d3454532181182732080e056592a (patch) | |
| tree | d242d5e454026e40ebeeaa0c655e7764075ebd8e /embed_old_old.cgi | |
add existing content
Diffstat (limited to 'embed_old_old.cgi')
| -rwxr-xr-x | embed_old_old.cgi | 154 |
1 files changed, 154 insertions, 0 deletions
diff --git a/embed_old_old.cgi b/embed_old_old.cgi new file mode 100755 index 0000000..f42dd86 --- /dev/null +++ b/embed_old_old.cgi @@ -0,0 +1,154 @@ +#!/bin/sh + +# ubq323 citrons coral gollark + +ubq323="https://ubq323.website" +citrons="https://mondecitronne.com" +coral="https://coral.shoes" +gollark="https://osmarks.net" +heav="https://hpage.osmarks.net/george_landing_page.html" +helloboi="https://www.helloboi.tk" +quintopia="http://esolang.rutteric.com/" +truttle1="http://truttle1.xyz/" + + +case "$QUERY_STRING" in + "ubq323") PREV="$coral" + NEXT="$citrons" ;; + "citrons") PREV="$ubq323" + NEXT="$gollark" ;; + "gollark") PREV="$citrons" + NEXT="$heav" ;; + "heav") PREV="$gollark" + NEXT="$helloboi" ;; + "helloboi") PREV="$heav" + NEXT="$quintopia" ;; + "quintopia") PREV="$helloboi" + NEXT="$truttle1" ;; + "truttle1") NEXT="$coral" + PREV="$quintopia" ;; + "coral") PREV="$truttle1" + NEXT="$ubq323" ;; +esac + +echo "Content-Type: text/html" +echo "" +#cat <<EOF +#<!DOCTYPE html> +#<html> +# <head> +# <base target="_parent"> +# </head> +# <body> +# <style> +# * { box-sizing: inherit; } +# body,html { +# overflow: hidden; +# font-family: sans-serif; +# padding:0; +# margin:0; +# box-sizing: border-box; +# } +# main { +# margin:0; +# padding-left: 5px; +# padding-right: 5px; +# height: 50px; +# border: 1px solid black; +# box-shadow: 5px 5px black; +# /*background-color: pink;*/ +# display: flex; +# flex-wrap: nowrap; +# justify-content: space-between; +# } +# #george { +# color: cyan; +# text-decoration: underline; +# text-decoration-color: blue; +# text-decoration-thickness: 2px; +# font-style: oblique; +# animation: 2s infinite alternate george; +# } +# @keyframes george { +# from { +# letter-spacing: 1px; +# } +# to { +# letter-spacing: 6px; +# } +# } +# a { +# color: blue; +# } +# </style> +# <main> +# <p><a href="$PREV">< PREV</a></p> +# <p>The <a href="https://george.gh0.pw" id="george">GEORGE</a> is a noble animal.</p> +# <p><a href="$NEXT">NEXT ></a></p> +# </main> +# </body> +#</html> +#EOF +cat <<EOF +<!DOCTYPE html> +<html> + <head> + <base target="_parent"> + </head> + <body> + <style> + body,html { + overflow: hidden; + font-family: sans-serif; + padding:0; + margin:0; + } + main { + margin:0; + padding-left: 5px; + padding-right: 5px; + height: 45px; + border: 1px solid black; + box-shadow: 5px 5px black; + /*background-color: pink;*/ + display: flex; + flex-wrap: nowrap; + justify-content: space-between; + } + #george { + color: cyan; + text-decoration: underline; + text-decoration-color: blue; + text-decoration-thickness: 2px; + font-style: oblique; + animation: 2s infinite alternate george; + } + #noble { + font-size: min(3vw, 12pt); + } + p { + white-space: nowrap; + align-self: center; + } + @keyframes george { + from { + letter-spacing: 1px; + } + to { + letter-spacing: 6px; + } + } + a { + color: blue; + } + </style> + <main> + <p><a href="$PREV">< PREV</a></p> + <p id="noble"> + The <a href="https://george.gh0.pw" id="george">GEORGE</a> is a noble animal. + </p> + <p><a href="$NEXT">NEXT ></a></p> + </main> + </body> +</html> +EOF |