Skip to content

Instantly share code, notes, and snippets.

@prof3ssorSt3v3

prof3ssorSt3v3/index.html

Created February 17, 2023 19:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save prof3ssorSt3v3/274efe6e22e5745066cf57bbf7c78258 to your computer and use it in GitHub Desktop.
Save prof3ssorSt3v3/274efe6e22e5745066cf57bbf7c78258 to your computer and use it in GitHub Desktop.
Download ZIP
Code from video about RoboHash Image Generation
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>RoboHash API</title>
<style>
html {
font-size: 20px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
sans-serif;
color-scheme: dark light;
}
</style>
</head>
<body>
<header>
<h1>Robots, Monsters, Kittens, &amp; More</h1>
<h2>RoboHash.org</h2>
</header>
<main>
<h2>Placeholder Images</h2>
<p>
<img
src="https://robohash.org/set_set4/bgset_bg1/katie.jpg?size=100x100"
alt="robot"
/>
<img
src="https://robohash.org/jennifer.png?set=set4&bgset=bg2&size=100x100"
alt="monster"
/>
<img
src="https://robohash.org/alison.png?set=set4&size=100x100"
alt="head"
/>
<img
src="https://robohash.org/amanda.png?set=set4&size=100x100"
alt="kitten"
/>
<img
src="https://robohash.org/cathy.png?set=set4&size=100x100"
alt="human"
/>
</p>
</main>
<footer>
<ol>
<li>https://robothash.org/uniquestringtohash</li>
<li>?set=set1 for robots</li>
<li>?set=set2 for monsters</li>
<li>?set=set3 for robot heads</li>
<li>?set=set4 for kittens</li>
<li>?set=set5 for humans</li>
<li>?set=any for a mixture</li>
<li>?size=200x200</li>
<li>.jpg, .png, .gif for format selection</li>
<li>?bgset=bg1 or bg2 for a background</li>
<li>Or use paths /set_set5/bgset_bg1/string?size=300x300</li>
</ol>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment