diff --git a/assets/img/icons/ui/search.svg b/assets/img/icons/ui/search.svg
new file mode 100644
index 0000000..e6c9aef
--- /dev/null
+++ b/assets/img/icons/ui/search.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+ width="24"
+ height="24"
+ viewBox="0 0 0.72 0.72"
+ fill="none"
+ version="1.1"
+ id="svg53220"
+ sodipodi:docname="search.svg"
+ inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:svg="http://www.w3.org/2000/svg">
+ <defs
+ id="defs53224" />
+ <sodipodi:namedview
+ id="namedview53222"
+ pagecolor="#ffffff"
+ bordercolor="#000000"
+ borderopacity="0.25"
+ inkscape:showpageshadow="2"
+ inkscape:pageopacity="0.0"
+ inkscape:pagecheckerboard="true"
+ inkscape:deskcolor="#d1d1d1"
+ showgrid="false"
+ inkscape:zoom="31.819805"
+ inkscape:cx="11.81654"
+ inkscape:cy="12.146523"
+ inkscape:window-width="3410"
+ inkscape:window-height="1358"
+ inkscape:window-x="2185"
+ inkscape:window-y="1867"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg53220" />
+ <path
+ style="color:#000000;fill:#da75ed;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;fill-opacity:1"
+ d="M 0.32421875,0 C 0.14570508,0 0,0.14570508 0,0.32421875 0,0.50273329 0.14570523,0.6484375 0.32421875,0.6484375 0.50273314,0.6484375 0.6484375,0.50273314 0.6484375,0.32421875 0.6484375,0.14570523 0.50273329,0 0.32421875,0 Z m 0,0.07226562 c 0.13960314,0 0.25195313,0.11235096 0.25195312,0.25195313 0,0.13960329 -0.11234983,0.25195312 -0.25195312,0.25195312 -0.13960217,0 -0.25195313,-0.11234998 -0.25195313,-0.25195312 0,-0.13960201 0.11235112,-0.25195312 0.25195313,-0.25195313 z m 0,0.03515625 a 0.036,0.036 0 0 0 -0.0371094,0.0371094 0.036,0.036 0 0 0 0.0371094,0.0351563 c 0.0799535,0 0.14453125,0.0645777 0.14453125,0.14453125 a 0.036,0.036 0 0 0 0.0351563,0.0351563 0.036,0.036 0 0 0 0.0351563,-0.0351563 c 0,-0.11886627 -0.0959775,-0.21679687 -0.21484375,-0.21679688 z m 0.17773437,0.39453125 a 0.036,0.036 0 0 0 0,0.0507813 l 0.15625,0.15625 a 0.036,0.036 0 0 0 0.0507813,0 0.036,0.036 0 0 0 0,-0.0507813 l -0.15625,-0.15625 a 0.036,0.036 0 0 0 -0.0507813,0 z"
+ id="path53218" />
+</svg>
diff --git a/index.html b/index.html
index 6f689ad..448bad8 100644
--- a/index.html
+++ b/index.html
@@ -11,10 +11,10 @@
<h2>An Archival & Decentralization Project</h2>
<div id="header"><p>Enable javascript to view header</p></div>
<hr>
- <form class="searchbar dense glass panel centerobj" method="get" action="https://search.pogmom.me/search">
- <input type="text" class="searchbar-text" placeholder="Search the web with pogmomNG..." value="" name="q" />
+ <form class="searchbar pinkborder" method="get" action="https://search.pogmom.me/search">
+ <input type="text" placeholder="Search the web with pogmomNG..." value="" name="q" />
<input type="hidden" name="locale" value="en" />
- <input type="image" src="https://cdn.pogmom.me/style/img/icons/ui/search.svg" value="Submit">
+ <input type="image" src="/assets/img/icons/ui/search.svg" value="Submit">
</form>
<h2>Social</h2>
<div class="flexrow">
@@ -141,7 +141,7 @@
<div class="flexrow">
<div class="wrapgroup">
<div class="flexobject button pinkborder">
- <a href="https://mc.pogmom.me">
+ <a href="https://retro.pogmom.me">
<img title="EmulatorJS Icon" alt="EmulatorJS Icon" src="assets/img/icons/suite/emulatorjs.svg">
<p>EmuJS</p>
</a>
diff --git a/style/css/style-large.css b/style/css/style-large.css
index 6d36385..20cb95a 100644
--- a/style/css/style-large.css
+++ b/style/css/style-large.css
@@ -53,6 +53,22 @@ h1 {
}
}
}
+.searchbar {
+ display: flex;
+ background-color: #da75ed22;
+ padding: 1vw;
+ max-width: 600px;
+ margin: 1vh auto;
+ > input {
+ background: none;
+ border: none;
+ color: #da75edff;
+ }
+ > input[type=text] {
+ flex: 1;
+ outline: none;
+ }
+}
.footer {
.wrapgroup > .flexobject > a {
min-width: 35px;
diff --git a/style/css/style.css b/style/css/style.css
index e5357bc..437f957 100644
--- a/style/css/style.css
+++ b/style/css/style.css
@@ -1 +1 @@
-body{background-color:#000;margin:0 5vw}h1,h2,h3,p,a,hr{color:#da74e5}h1,h2,h3,p,a{text-align:center;margin-bottom:0;font-family:Overpass,sans-serif;font-weight:50;text-decoration:none}h1{font-size:3em}.button{margin:1vh 1vw;transition:all .5s;display:block}.button>p{margin:1vh 0}.button:hover{transition:all .25s;box-shadow:0 0 30px #da75e5dd}.flexrow,.wrapgroup{flex-flow:wrap;justify-content:center;display:flex}.flexrow{margin:1vh 0}.wrapgroup{flex-wrap:nowrap;flex:0 1 0}.header .wrapgroup>.flexobject a{min-width:45px}.header .wrapgroup>.flexobject a img{width:auto}.header .wrapgroup>.flexobject a p{font-size:.75em}.footer .wrapgroup>.flexobject>a{min-width:35px}.hiddentext{color:#000;font-size:.5em}#footer{margin-bottom:1vw}#footer>p{text-align:center}.flexobject,.flexobject>a{flex-direction:column;justify-content:center;display:flex}.pinkborder{border:3px solid #da74e5;border-radius:8px}.warning{border:3px solid red;border-radius:8px;width:fit-content;margin:0 1vmin;padding:.5vh 1vh}.warning>p{color:red;margin:auto 0}.warning>h2{margin:auto 0}.warning>img{height:1em;margin:auto 1vh auto 0}.flexobject>a{min-width:75px;padding:1.5vh;text-decoration:none}.flexobject>a>p{margin-bottom:0;font-size:1em}.flexobject>.buttondetails{flex-direction:row;justify-content:space-evenly;width:100%;display:flex}.flexobject>.buttondetails>a{width:50%;padding:10px 0}.flexobject>.buttondetails>a>img{margin:0 auto;display:block}.flexobject>.buttondetails>a:hover{opacity:.5}.platformicon{margin:0 0 7px .75vmin}h2:has(+.platformicon){margin:auto 0}.textsection{max-width:600px;margin:2vh auto}.textsection>.groupcontent{margin-top:3vh}.clientgroup{flex-wrap:wrap;flex:1 1 0;min-width:40vh;height:fit-content;margin:2vh 2vw}:is(.clientgroup,.textsection)>.groupheader{color:#000;background-color:#da74e5;margin-top:0}:is(.clientgroup,.textsection)>.groupcontent{padding:0 2vw 2vh}:is(.clientgroup,.textsection)>.groupcontent>.flexrow:has(h2){margin-top:3vh}.termtext{color:#000;background-color:#da75e5;padding:0 3px;font-family:monospace}:target{background-color:#da75e522;border-radius:13px;padding:2vh 0}.mcmap{height:500px}.mcmap>iframe{width:100%;height:100%}@font-face{font-family:Overpass;font-style:normal;font-weight:400;src:url(/style/fonts/overpass/latin-ext.woff2)format("woff2");unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Overpass;font-style:normal;font-weight:400;src:url(/style/fonts/overpass/latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
\ No newline at end of file
+body{background-color:#000;margin:0 5vw}h1,h2,h3,p,a,hr{color:#da74e5}h1,h2,h3,p,a{text-align:center;margin-bottom:0;font-family:Overpass,sans-serif;font-weight:50;text-decoration:none}h1{font-size:3em}.button{margin:1vh 1vw;transition:all .5s;display:block}.button>p{margin:1vh 0}.button:hover{transition:all .25s;box-shadow:0 0 30px rgba(218,117,229,.867)}.flexrow,.wrapgroup{flex-flow:wrap;justify-content:center;display:flex}.flexrow{margin:1vh 0}.wrapgroup{flex-wrap:nowrap;flex:0 1 0}.header .wrapgroup>.flexobject a{min-width:45px}.header .wrapgroup>.flexobject a img{width:auto}.header .wrapgroup>.flexobject a p{font-size:.75em}.searchbar{background-color:rgba(218,117,237,.133);max-width:600px;margin:1vh auto;padding:1vw;display:flex}.searchbar>input{color:#da75ed;background:0 0;border:none}.searchbar>input[type=text]{outline:none;flex:1}.footer .wrapgroup>.flexobject>a{min-width:35px}.hiddentext{color:#000;font-size:.5em}#footer{margin-bottom:1vw}#footer>p{text-align:center}.flexobject,.flexobject>a{flex-direction:column;justify-content:center;display:flex}.pinkborder{border:3px solid #da74e5;border-radius:8px}.warning{border:3px solid red;border-radius:8px;width:fit-content;margin:0 1vmin;padding:.5vh 1vh}.warning>p{color:red;margin:auto 0}.warning>h2{margin:auto 0}.warning>img{height:1em;margin:auto 1vh auto 0}.flexobject>a{min-width:75px;padding:1.5vh;text-decoration:none}.flexobject>a>p{margin-bottom:0;font-size:1em}.flexobject>.buttondetails{flex-direction:row;justify-content:space-evenly;width:100%;display:flex}.flexobject>.buttondetails>a{width:50%;padding:10px 0}.flexobject>.buttondetails>a>img{margin:0 auto;display:block}.flexobject>.buttondetails>a:hover{opacity:.5}.platformicon{margin:0 0 7px .75vmin}h2:has(+.platformicon){margin:auto 0}.textsection{max-width:600px;margin:2vh auto}.textsection>.groupcontent{margin-top:3vh}.clientgroup{flex-wrap:wrap;flex:1 1 0;min-width:40vh;height:fit-content;margin:2vh 2vw}:is(.clientgroup,.textsection)>.groupheader{color:#000;background-color:#da74e5;margin-top:0}:is(.clientgroup,.textsection)>.groupcontent{padding:0 2vw 2vh}:is(.clientgroup,.textsection)>.groupcontent>.flexrow:has(h2){margin-top:3vh}.termtext{color:#000;background-color:#da75e5;padding:0 3px;font-family:monospace}:target{background-color:rgba(218,117,229,.133);border-radius:13px;padding:2vh 0}.mcmap{height:500px}.mcmap>iframe{width:100%;height:100%}@font-face{font-family:Overpass;font-style:normal;font-weight:400;src:url(/style/fonts/overpass/latin-ext.woff2)format("woff2");unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Overpass;font-style:normal;font-weight:400;src:url(/style/fonts/overpass/latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
\ No newline at end of file