this repo has no description
Initial commit.
+252
+1
CNAME
+1
CNAME
···
1
+
hasvisareleasedhisbookyet.com
+41
index.html
+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> </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
+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
+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
+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
twitter.png
This is a binary file and will not be displayed.
visa.jpeg
visa.jpeg
This is a binary file and will not be displayed.