-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
executable file
·1 lines (1 loc) · 2.07 KB
/
index.html
1
<!DOCTYPE html> <html> <head> <meta name=viewport content="width=device-width, initial-scale=1, user-scalable=no" /> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet"> <title>Cats in Tech</title> <meta property="og:title" content="Cats in Tech" /> <meta name="description" content="Cats in Tech = The future is here... Behold!" /> <meta property="og:description" content="Cats in Tech = The future is here... Behold!" /> <meta property="og:image" content="https://i.imgur.com/tHB4X4L.png" /> <link rel="shortcut icon" href="/favicon.png" type="image/png" /> <style>body{margin:0;font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column}main,aside,section{display:flex;justify-content:center;align-items:center;flex-direction:column}main{height:100%}aside{background:#fafafa;border-top:1px solid #eaeaea;color:#999;flex-shrink:1;padding:30px 20px}aside:blank{display:none}aside p{margin:0;color:#999;font-size:14px;line-height:24px}aside a{color:#000;text-decoration:none}aside a:hover{border-bottom:1px solid #000}section span{font-size:24px;font-weight:500;display:block;border-bottom:1px solid #eaeaea;text-align:center;padding-bottom:20px;width:100px}section p{font-size:14px;font-weight:400}section span+p{margin:20px 0 0 0}@media(min-width:768px){section{height:40px;flex-direction:row}section span,section p{height:100%;line-height:40px}section span{border-bottom:0;border-right:1px solid #eaeaea;padding:0 20px 0 0;width:auto}section span+p{margin:0;padding-left:20px}aside{padding:50px 0}aside p{max-width:520px;text-align:center}}a{text-decoration:none;color:inherit}</style> </head> <body> <main> <section> <span><a href="/">Cats in Tech</a></span> <p>The future is here... Behold!</p> </section> </main> </body> </html>