chris/alyssa-vday
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added hidden pdf download

Browse Source
This commit is contained in:
chris 2023-02-13 21:47:58 -05:00
parent 0b0e7bae58
commit 7206cf50c3
22 changed files with 319 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
aubrey/aubrey-nosolve.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 MiB

BIN
aubrey/aubrey-solve.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.6 MiB

BIN
aubrey/aubrey.pdf Normal file
View File

Binary file not shown.

37
aubrey/index.html Normal file
View File

@ -0,0 +1,37 @@
<!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>Happy Valentine's Day!</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h1>
💘 Happy <a href="aubrey.pdf">Valentine's</a> Day L<span id="noSelect" onclick="clickSolve()" onselectstart="return false" >o</span>ve! 💘
</h1>
<img id="puzzle" onclick="clickSolve()" src="aubrey-nosolve.png" alt="" />
<div id="button">
<button onclick="flip()">Flip</button>
</div>
<script>
let count = 0
function clickSolve() {
count += 1;
console.log(count);
if (count >= 10 ) document.getElementById('puzzle').src = 'aubrey-solve.png';
}
function flip(){
console.log('flip')
document.getElementById('puzzle').classList.add("flip")
}
</script>
</body>
</html>

45
aubrey/style.css Normal file
View File

@ -0,0 +1,45 @@
h1 {
color: rgb(255, 255, 255);
margin: auto;
text-align: center;
margin-bottom: 1rem;
font-size: 1.4rem;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
#puzzle {
width: 100%;
height: auto;
border: 3px dotted rgb(255, 255, 255);
box-shadow: 10px 10px 10px #747373;
}
.flip {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
a {
text-decoration: none;
color: white;
}
body {
background-color: rgb(248, 99, 216);
}
#button {
margin-top: 3000%;
text-align: center;
}
#noSelect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

BIN
baron/baron-nosolve.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 MiB

BIN
baron/baron-solve.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 MiB

BIN
baron/baron.pdf Normal file
View File

Binary file not shown.

37
baron/index.html Normal file
View File

@ -0,0 +1,37 @@
<!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>Happy Valentine's Day!</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h1>
Happy <a href="baron.pdf">Valentine's</a> Day D<span id="noSelect" onclick="clickSolve()" onselectstart="return false" >o</span>rk!
</h1>
<img id="puzzle" class="flip" onclick="clickSolve()" src="baron-nosolve.png" alt="" />
<div id="button">
<button onclick="flip()">Flip</button>
</div>
<script>
let count = 0
function clickSolve() {
count += 1;
console.log(count);
if (count >= 10 ) document.getElementById('puzzle').src = 'baron-solve.png';
}
function flip(){
console.log('flip')
document.getElementById('puzzle').classList.remove("flip")
}
</script>
</body>
</html>

42
baron/style.css Normal file
View File

@ -0,0 +1,42 @@
h1 {
color: red;
margin: auto;
text-align: center;
margin-bottom: 1rem;
font-size: 1.2rem;
}
#puzzle {
width: 100%;
height: auto;
}
.flip {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
a {
text-decoration: none;
color: red;
}
body {
background-color: plum;
}
#button {
margin-top: 3000%;
text-align: center;
}
#noSelect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

BIN
connor/connor-nosolve.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 MiB

BIN
connor/connor-solve.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.6 MiB

BIN
connor/connor.pdf Normal file
View File

Binary file not shown.

37
connor/index.html Normal file
View File

@ -0,0 +1,37 @@
<!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>Happy Valentine's Day!</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h1>
Happy <a href="connor.pdf">Valentine's</a> Day L<span id="noSelect" onclick="clickSolve()" onselectstart="return false" >o</span>ser!
</h1>
<img id="puzzle" onclick="clickSolve()" src="connor-nosolve.png" alt="" />
<div id="button">
<button onclick="flip()">Flip</button>
</div>
<script>
let count = 0
function clickSolve() {
count += 1;
console.log(count);
if (count >= 10 ) document.getElementById('puzzle').src = 'connor-solve.png';
}
function flip(){
console.log('flip')
document.getElementById('puzzle').classList.add("flip")
}
</script>
</body>
</html>

42
connor/style.css Normal file
View File

@ -0,0 +1,42 @@
h1 {
color: red;
margin: auto;
text-align: center;
margin-bottom: 1rem;
font-size: 1.2rem;
}
#puzzle {
width: 100%;
height: auto;
}
.flip {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
a {
text-decoration: none;
color: red;
}
body {
background-color: plum;
}
#button {
margin-top: 3000%;
text-align: center;
}
#noSelect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

37
sean/index.html Normal file
View File

@ -0,0 +1,37 @@
<!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>Happy Valentine's Day!</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h1>
Happy <a href="sean.pdf">Valentine's</a> Day N<span id="noSelect" onclick="clickSolve()" onselectstart="return false" >e</span>rd!
</h1>
<img id="puzzle" class="flip" onclick="clickSolve()" src="sean-nosolve.png" alt="" />
<div id="button">
<button onclick="flip()">Flip</button>
</div>
<script>
let count = 0
function clickSolve() {
count += 1;
console.log(count);
if (count >= 10 ) document.getElementById('puzzle').src = 'sean-solve.png';
}
function flip(){
console.log('flip')
document.getElementById('puzzle').classList.remove("flip")
}
</script>
</body>
</html>

BIN
sean/sean-nosolve.pdf Normal file
View File

Binary file not shown.

BIN
sean/sean-nosolve.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 MiB

BIN
sean/sean-solve.pdf Normal file
View File

Binary file not shown.

BIN
sean/sean-solve.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 MiB

BIN
sean/sean.pdf Normal file
View File

Binary file not shown.

42
sean/style.css Normal file
View File

@ -0,0 +1,42 @@
h1 {
color: red;
margin: auto;
text-align: center;
margin-bottom: 1rem;
font-size: 1.2rem;
}
#puzzle {
width: 100%;
height: auto;
}
.flip {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
a {
text-decoration: none;
color: red;
}
body {
background-color: plum;
}
#button {
margin-top: 3000%;
text-align: center;
}
#noSelect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}