Main Page: Difference between revisions
From Verified Handles
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
{{DISPLAYTITLE:Verified Handles | {{DISPLAYTITLE:VHID (Verified Handles Identifier}} | ||
'''VHID's (Verified Handles Identifiers)''' are 11 digit identifiers that identify every Verified Handles page in our database.<br> | |||
They are shown at the base of each page and in the URL.<br> | |||
To find a page using VHID please use the search box below. To find a page using a name please search [https://verifiedhandles.com/search here]. | |||
<html lang='en' class=''> | |||
<head> | |||
<meta charset='UTF-8'> | |||
<title>Search Bar Demo</title> | |||
<style> | |||
form { | |||
background-color: #b5b5b5; | |||
width: 300px; | |||
height: 50px; | |||
border-radius: 5px; | |||
display:flex; | |||
flex-direction:row; | |||
align-items:center; | |||
} | |||
input { | |||
all: unset; | |||
font: 16px system-ui; | |||
color: #fff; | |||
height: 100%; | |||
width: 100%; | |||
padding: 6px 10px; | |||
} | |||
::placeholder { | |||
color: #fff; | |||
opacity: 0.7; | |||
} | |||
svg { | |||
color: #fff; | |||
fill: currentColor; | |||
width: 24px; | |||
height: 24px; | |||
padding: 10px; | |||
} | |||
button { | |||
all: unset; | |||
cursor: pointer; | |||
width: 44px; | |||
height: 44px; | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<form role="search" id="form"> | |||
<input type="search" id="query" name="q" placeholder="Enter VHID" aria-label="Search through site content" autofocus="autofocus"> | |||
<button> | |||
<svg viewBox="0 0 1024 1024"><path class="path1" d="M848.471 928l-263.059-263.059c-48.941 36.706-110.118 55.059-177.412 55.059-171.294 0-312-140.706-312-312s140.706-312 312-312c171.294 0 312 140.706 312 312 0 67.294-24.471 128.471-55.059 177.412l263.059 263.059-79.529 79.529zM189.623 408.078c0 121.364 97.091 218.455 218.455 218.455s218.455-97.091 218.455-218.455c0-121.364-103.159-218.455-218.455-218.455-121.364 0-218.455 97.091-218.455 218.455z"></path></svg> | |||
</button> | |||
</form> | |||
<script> | |||
const f = document.getElementById('form'); | |||
const q = document.getElementById('query'); | |||
const google = 'https://verifiedhandles.com/vhid/'; | |||
function submitted(event) { | |||
event.preventDefault(); | |||
const url = google + q.value; | |||
const win = window.open(url, '_blank'); | |||
win.focus(); | |||
} | |||
f.addEventListener('submit', submitted); | |||
</script> | |||
</body> | |||
</html> | |||
Revision as of 19:09, 28 February 2021
VHID's (Verified Handles Identifiers) are 11 digit identifiers that identify every Verified Handles page in our database.
They are shown at the base of each page and in the URL.
To find a page using VHID please use the search box below. To find a page using a name please search here.