this repo has no description
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Initial commit.

alice 54490e37

+252
+1
CNAME
··· 1 + hasvisareleasedhisbookyet.com
+41
index.html
··· 1 + <!DOCTYPE html> 2 + <html lang="en"> 3 + <head> 4 + <meta charset="utf-8" /> 5 + <title>Has Visa released his book yet?</title> 6 + <script type="module" src="main.js"></script> 7 + <link rel="stylesheet" href="reset.css" /> 8 + <link rel="stylesheet" href="main.css" /> 9 + <link rel="icon" type="image/png" href="visa.jpeg" /> 10 + <link rel="shortcut icon" type="image/png" href="visa.jpeg" /> 11 + <link rel="apple-touch-icon" type="image/png" href="visa.jpeg" /> 12 + <meta name="twitter:card" content="summary" /> 13 + <meta name="twitter:title" content="Nudging Visa for fun and profit" /> 14 + <meta name="twitter:description" content="Has Visa released his book yet?" /> 15 + <meta name="twitter:image" content="https://hasvisareleasedhisbookyet.com/visa.jpeg" /> 16 + <!-- Global site tag (gtag.js) - Google Analytics --> 17 + <script async src="https://www.googletagmanager.com/gtag/js?id=G-HCLK91FZMD"></script> 18 + <script> 19 + window.dataLayer = window.dataLayer || []; 20 + function gtag() { 21 + dataLayer.push(arguments); 22 + } 23 + gtag("js", new Date()); 24 + 25 + gtag("config", "G-HCLK91FZMD"); 26 + </script> 27 + </head> 28 + <body> 29 + <div id="container"> 30 + <div id="title">Has <a href="https://twitter.com/visakanv">@visakanv</a> released his book yet?</div> 31 + <div id="content">No</div> 32 + <div class="twitter-btn"> 33 + <a href="#"><i></i> <span>Click here to nudge @visakanv</span></a> 34 + </div> 35 + <div>&nbsp;</div> 36 + <div id="footer"> 37 + created by <a href="https://twitter.com/__justplaying">alice</a> 38 + </div> 39 + </div> 40 + </body> 41 + </html>
+124
main.css
··· 1 + html { 2 + height: -webkit-fill-available; 3 + } 4 + 5 + body { 6 + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; 7 + line-height: 1.2; 8 + min-height: 100vh; 9 + display: flex; 10 + min-height: -webkit-fill-available; 11 + } 12 + 13 + #container { 14 + display: flex; 15 + flex-direction: column; 16 + flex-grow: 1; 17 + align-items: center; 18 + justify-content: space-around; 19 + } 20 + 21 + #title { 22 + font-size: 1rem; 23 + font-weight: bold; 24 + padding: 3vw 3vw 3vw 3vw; 25 + text-align: center; 26 + flex: 1 1 1px; 27 + } 28 + 29 + #content { 30 + font-size: 10rem; 31 + font-weight: bold; 32 + padding: 0vw 3vw 0vw 3vw; 33 + text-align: center; 34 + flex: 2 1 1px; 35 + } 36 + 37 + /* twitter button */ 38 + .twitter-btn { 39 + margin: 10px; 40 + /* width: 76px; */ 41 + width: 230px; 42 + display: block; 43 + text-align: left; 44 + white-space: nowrap; 45 + zoom: 1; 46 + font-size: 13px; 47 + line-height: 26px; 48 + font-family: "Helvetica Neue", Arial, sans-serif; 49 + } 50 + .twitter-btn a { 51 + height: 28px; 52 + padding: 1px 10px 1px 9px; 53 + border-radius: 4px; 54 + position: relative; 55 + font-weight: 500; 56 + color: #fff; 57 + cursor: pointer; 58 + background-color: #1da1f2; 59 + border-radius: 3px; 60 + box-sizing: border-box; 61 + display: inline-block; 62 + text-decoration: none; 63 + } 64 + 65 + .twitter-btn a i { 66 + width: 18px; 67 + height: 18px; 68 + top: 4px; 69 + position: relative; 70 + display: inline-block; 71 + background: transparent 0 0 no-repeat; 72 + background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E); 73 + } 74 + 75 + .twitter-btn a span { 76 + margin-left: 4px; 77 + white-space: nowrap; 78 + display: inline-block; 79 + vertical-align: top; 80 + zoom: 1; 81 + } 82 + 83 + /* new button */ 84 + a.button { 85 + display: inline-block; 86 + padding: 0.7em; 87 + border: 0.16em solid #000; 88 + margin: 0; 89 + box-sizing: border-box; 90 + text-decoration: none; 91 + font-size: 1rem; 92 + font-weight: 400; 93 + color: #000; 94 + text-align: center; 95 + transition: all 0.15s; 96 + cursor: pointer; 97 + touch-action: manipulation; 98 + } 99 + 100 + #footer { 101 + margin-top: auto; 102 + text-align: center; 103 + font-size: 0.8rem; 104 + padding-bottom: 20px; 105 + } 106 + 107 + @media only screen and (max-device-width: 428px) and (-webkit-min-device-pixel-ratio: 2) { 108 + #content { 109 + font-size: 10vw; 110 + padding: 10vw 3vw 10vw 3vw; 111 + } 112 + 113 + a.button { 114 + font-size: 2rem; 115 + } 116 + #footer { 117 + font-size: 2rem; 118 + } 119 + 120 + /* twitter button */ 121 + .twitter-btn { 122 + zoom: 2; 123 + } 124 + }
+12
main.js
··· 1 + const nudge_visa = () => { 2 + const self = "https://hasvisareleasedhisbookyet.com"; 3 + const tweetText = 'hey @visakanv have you released your book yet?'; 4 + document.querySelector(".twitter-btn").addEventListener("click", (event) => { 5 + event.preventDefault(); 6 + window.open(`https://twitter.com/intent/tweet?text=${tweetText}&url=${self}`, "_blank"); 7 + }); 8 + }; 9 + 10 + document.addEventListener("DOMContentLoaded", (event) => { 11 + nudge_visa(); 12 + });
+74
reset.css
··· 1 + /* Box sizing rules */ 2 + *, 3 + *::before, 4 + *::after { 5 + box-sizing: border-box; 6 + } 7 + 8 + /* Remove default margin */ 9 + body, 10 + h1, 11 + h2, 12 + h3, 13 + h4, 14 + p, 15 + figure, 16 + blockquote, 17 + dl, 18 + dd { 19 + margin: 0; 20 + } 21 + 22 + /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ 23 + ul[role="list"], 24 + ol[role="list"] { 25 + list-style: none; 26 + } 27 + 28 + /* Set core root defaults */ 29 + html:focus-within { 30 + scroll-behavior: smooth; 31 + } 32 + 33 + /* Set core body defaults */ 34 + body { 35 + min-height: 100vh; 36 + text-rendering: optimizeSpeed; 37 + line-height: 1.5; 38 + } 39 + 40 + /* A elements that don't have a class get default styles */ 41 + a:not([class]) { 42 + text-decoration-skip-ink: auto; 43 + } 44 + 45 + /* Make images easier to work with */ 46 + img, 47 + picture { 48 + max-width: 100%; 49 + display: block; 50 + } 51 + 52 + /* Inherit fonts for inputs and buttons */ 53 + input, 54 + button, 55 + textarea, 56 + select { 57 + font: inherit; 58 + } 59 + 60 + /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */ 61 + @media (prefers-reduced-motion: reduce) { 62 + html:focus-within { 63 + scroll-behavior: auto; 64 + } 65 + 66 + *, 67 + *::before, 68 + *::after { 69 + animation-duration: 0.01ms !important; 70 + animation-iteration-count: 1 !important; 71 + transition-duration: 0.01ms !important; 72 + scroll-behavior: auto !important; 73 + } 74 + }
twitter.png

This is a binary file and will not be displayed.

visa.jpeg

This is a binary file and will not be displayed.