Skip to content

Instantly share code, notes, and snippets.

@McSinyx

McSinyx/start.html

Last active October 11, 2020 04:29
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 McSinyx/b38d81a6234cbb3d933a2198dcf5c86f to your computer and use it in GitHub Desktop.
Save McSinyx/b38d81a6234cbb3d933a2198dcf5c86f to your computer and use it in GitHub Desktop.
Download ZIP
Abstract Start Page
Raw
start.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Start Page</title>
<style type="text/css" media="screen">
@namespace svg url(http://www.w3.org/2000/svg);
svg {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
svg|a {
outline: none;
}
</style>
</head>
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 383 383" preserveAspectRatio="none">
<a href="https://twitter.com">
<rect x=0 y=0 width=128 height=128 style="fill:rgb(24,192,24)"/>
</a>
<a href="https://github.com">
<rect x=128 y=0 width=128 height=128 style="fill:rgb(96,192,24)"/>
</a>
<a href="https://thedailyneopets.com/dailies">
<rect x=256 y=0 width=128 height=128 style="fill:rgb(192,192,24)"/>
</a>
<a href="https://www.facebook.com">
<rect x=0 y=128 width=128 height=128 style="fill:rgb(24,96,192)"/>
</a>
<a href="https://9gag.com">
<rect x=128 y=128 width=128 height=128 style="fill:rgb(96,96,192)"/>
</a>
<a href="https://old.reddit.com">
<rect x=256 y=128 width=128 height=128 style="fill:rgb(196,92,24)"/>
</a>
<a href="https://www.linkedin.com">
<rect x=0 y=256 width=128 height=128 style="fill:rgb(24,24,96)"/>
</a>
<a href="https://www.instagram.com">
<rect x=128 y=256 width=128 height=128 style="fill:rgb(96,24,96)"/>
</a>
<a href="https://youtube.com">
<rect x=256 y=256 width=128 height=128 style="fill:rgb(192,24,24)"/>
</a>
</svg>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment