diff options
| author | Evan <38150833+beigebeats@users.noreply.github.com> | 2023-11-22 23:21:06 -0800 |
|---|---|---|
| committer | Evan <38150833+beigebeats@users.noreply.github.com> | 2023-11-22 23:21:06 -0800 |
| commit | 0d6d2e07ed68ff7d22c32802746c324df7864aa2 (patch) | |
| tree | e36b167db8bd7fed704d793b9aa97e680a9f3733 | |
| parent | 5781518501ab6a25a96773fee158ac746e7f7148 (diff) | |
Complete Overhaul
| -rw-r--r-- | .gitignore | 2 | ||||
| -rw-r--r-- | index.html | 38 | ||||
| -rw-r--r-- | styles.css | 117 | ||||
| -rw-r--r-- | styles.scss | 86 | ||||
| -rw-r--r-- | tips/tips.html | 45 |
5 files changed, 165 insertions, 123 deletions
diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..686bc51 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +.DS_Store +styles.css.map @@ -3,34 +3,20 @@ <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>Digital Business Card</title> - <link rel="stylesheet" href="/styles.css"> + <title>Evan Cohen's Digital Business Card</title> + <link rel="stylesheet" href="styles.css"> </head> <body> - <div class="container"> - <header> - <h1>Evan Cohen</h1> - <p>Ski Instructor & Freelancer</p> - </header> - <main> - <div class="menu-option"> - <a href="/contact/contact.html" class="button"> - <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 100 100"> - <path fill="#60be92" d="M70,18.988H31c-6.6,0-12,5.4-12,12v39c0,6.6,5.4,12,12,12h39c6.6,0,12-5.4,12-12v-39 C82,24.388,76.6,18.988,70,18.988z"></path><rect width="11" height="17" x="71" y="50" fill="#fbb822"></rect><rect width="11" height="17" x="71" y="34" fill="#39c2d8"></rect><path fill="#e3e3e4" d="M73,83H32.258C24.384,83,18,76.616,18,68.742V32.258C18,24.384,24.384,18,32.258,18H73V83z"></path><ellipse cx="47" cy="46" fill="#bdc4d6" rx="7" ry="8"></ellipse><path fill="#25262f" d="M22.5,37.57c-0.28,0-0.5,0.22-0.5,0.5v2c0,0.27,0.22,0.5,0.5,0.5c0.28,0,0.5-0.23,0.5-0.5v-2 C23,37.79,22.78,37.57,22.5,37.57z"></path><path fill="#25262f" d="M22.5,41.57c-0.28,0-0.5,0.22-0.5,0.5v4c0,0.27,0.22,0.5,0.5,0.5c0.28,0,0.5-0.23,0.5-0.5v-4 C23,41.79,22.78,41.57,22.5,41.57z"></path><path fill="#25262f" d="M66.16,77.99H32.84c-5.44,0-9.84-4.41-9.84-9.84V49.49c0-0.28-0.22-0.5-0.5-0.5 c-0.28,0-0.5,0.22-0.5,0.5v18.66c0,5.99,4.85,10.84,10.84,10.84C46.227,78.993,59.613,78.997,73,79c0-0.333,0-0.667,0-1 C70.72,77.997,68.44,77.993,66.16,77.99z"></path><path fill="#25262f" d="M81.5,51h-9c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h9c0.276,0,0.5,0.224,0.5,0.5 S81.776,51,81.5,51z"></path><path fill="#25262f" d="M82.5,35h-10c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h10c0.276,0,0.5,0.224,0.5,0.5 S82.776,35,82.5,35z"></path><path fill="#25262f" d="M81.5,67h-9c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h9c0.276,0,0.5,0.224,0.5,0.5 S81.776,67,81.5,67z"></path><path fill="#25262f" d="M47,54c-3.86,0-7-3.589-7-8s3.14-8,7-8s7,3.589,7,8S50.86,54,47,54z M47,39c-3.309,0-6,3.141-6,7 s2.691,7,6,7s6-3.141,6-7S50.309,39,47,39z"></path><path fill="#bdc4d6" d="M62.79,63.26c-0.25,0.34-0.52,0.66-0.81,0.98C58.32,68.38,52.96,71,47,71 c-5.95,0-11.31-2.61-14.98-6.75c-0.28-0.32-0.55-0.64-0.8-0.98c0.11-0.34,0.27-0.68,0.49-1c1.26-1.95,4.16-3.58,8.18-4.5 C42.11,57.26,44.5,57,47,57c7.3,0,13.31,2.18,15.29,5.26C62.51,62.58,62.67,62.92,62.79,63.26z"></path><path fill="#25262f" d="M38.5,23h-3c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h3c0.276,0,0.5,0.224,0.5,0.5 S38.776,23,38.5,23z"></path><path fill="#25262f" d="M48.5,23h-7c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h7c0.276,0,0.5,0.224,0.5,0.5 S48.776,23,48.5,23z"></path><path fill="#25262f" d="M47,31c-11.03,0-20,8.97-20,20c0,4.62,1.57,8.88,4.22,12.27c0.25,0.34,0.52,0.66,0.8,0.98 C35.69,68.39,41.05,71,47,71c5.96,0,11.32-2.62,14.98-6.76c0.29-0.32,0.56-0.64,0.81-0.98C65.43,59.87,67,55.62,67,51 C67,39.97,58.03,31,47,31z M62.29,62.26c-0.21,0.29-0.43,0.57-0.66,0.85C58.14,67.32,52.88,70,47,70s-11.14-2.68-14.63-6.88 c-0.22-0.28-0.44-0.56-0.66-0.85C29.38,59.12,28,55.22,28,51c0-10.48,8.52-19,19-19c10.48,0,19,8.52,19,19 C66,55.21,64.62,59.11,62.29,62.26z"></path><path fill="#25262f" d="M62.29,62.26C60.31,59.18,54.3,57,47,57c-2.5,0-4.89,0.26-7.11,0.77c-4.02,0.92-6.92,2.55-8.18,4.5 c-0.22,0.32-0.38,0.66-0.49,1c0.25,0.34,0.52,0.66,0.8,0.98c0.03-0.38,0.15-0.76,0.35-1.13c0.36-0.69,0.99-1.36,1.84-1.96 c1.41-1.01,3.43-1.86,5.9-2.42C42.26,58.25,44.57,58,47,58c7.03,0,13.12,2.23,14.63,5.11c0.2,0.37,0.32,0.75,0.35,1.13 c0.29-0.32,0.56-0.64,0.81-0.98C62.67,62.92,62.51,62.58,62.29,62.26z"></path><path fill="#bdc4d6" d="M82,34H72V19h0.318C77.665,19,82,23.335,82,28.682V34z"></path><path fill="#25262f" d="M70,82.988H31c-7.18,0-13-5.82-13-13v-39c0-7.18,5.82-13,13-13h39c7.18,0,13,5.82,13,13v39 C83,77.168,77.179,82.988,70,82.988z M20,30.988v39c0,6.075,4.925,11,11,11h39c6.075,0,11-4.925,11-11v-39c0-6.075-4.925-11-11-11 H31C24.924,19.988,20,24.913,20,30.988z"></path><path fill="#25262f" d="M73,19.5v62c0,0.28-0.22,0.5-0.5,0.5c-0.28,0-0.5-0.22-0.5-0.5v-62c0-0.28,0.22-0.5,0.5-0.5 C72.78,19,73,19.22,73,19.5z"></path><path fill="#25262f" d="M72.5,23h-20c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h20c0.276,0,0.5,0.224,0.5,0.5 S72.776,23,72.5,23z"></path> - </svg> - <span>Get In Touch</span> - </a> - </div> - <div class="menu-option"> - <a href="/tips/tips.html" class="button" target=> - <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 100 100"> - <path fill="#f15b6c" d="M71 19L29 19 29 85 50 71.864 71 85z"></path><path fill="#f37e98" d="M68,22.5v56.177c0,0.393-0.432,0.632-0.765,0.424L50,68.32L32.765,79.101C32.432,79.31,32,79.07,32,78.677V22.5c0-0.276,0.224-0.5,0.5-0.5h35C67.776,22,68,22.224,68,22.5z"></path><path fill="#fef6aa" d="M50 28A11 11 0 1 0 50 50A11 11 0 1 0 50 28Z"></path><path fill="#f9e65c" d="M55.77,38.35l-2.31,2.35L54,44.01c0.06,0.3-0.06,0.6-0.31,0.79c-0.13,0.15-0.54,0.23-0.84,0.08L50,43.32l-2.83,1.55c-0.11,0.07-0.25,0.1-0.38,0.1c-0.17,0-0.34-0.06-0.48-0.16c-0.25-0.2-0.37-0.5-0.31-0.81l0.54-3.3l-2.31-2.35c-0.2-0.21-0.28-0.53-0.2-0.81c0.12-0.32,0.35-0.52,0.64-0.57l3.19-0.48l1.41-3c0.29-0.57,1.18-0.56,1.45-0.01l1.42,3.01l3.17,0.48c0.31,0.05,0.54,0.25,0.65,0.54C56.05,37.82,55.97,38.14,55.77,38.35z"></path><path fill="#1f212b" d="M67.5 35c-.276 0-.5-.224-.5-.5V23H41.5c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h26c.276 0 .5.224.5.5v12C68 34.776 67.776 35 67.5 35zM32.5 79.18c-.083 0-.167-.021-.242-.062C32.099 79.029 32 78.861 32 78.68V27.5c0-.276.224-.5.5-.5s.5.224.5.5v50.277l3.235-2.021c.234-.147.543-.075.689.159.146.233.075.542-.159.688l-4 2.5C32.684 79.154 32.592 79.18 32.5 79.18zM67.5 79.18c-.092 0-.184-.025-.265-.076L50 68.33l-7.235 4.522c-.234.147-.543.076-.689-.159-.146-.233-.075-.542.159-.688l7.5-4.688c.162-.102.368-.102.53 0L67 77.777V47.5c0-.276.224-.5.5-.5s.5.224.5.5v31.18c0 .182-.099.35-.258.438C67.667 79.159 67.583 79.18 67.5 79.18zM67.5 45c-.276 0-.5-.224-.5-.5v-3c0-.276.224-.5.5-.5s.5.224.5.5v3C68 44.776 67.776 45 67.5 45zM67.5 39c-.276 0-.5-.224-.5-.5v-1c0-.276.224-.5.5-.5s.5.224.5.5v1C68 38.776 67.776 39 67.5 39z"></path><g><path fill="#1f212b" d="M71,86c-0.185,0-0.369-0.051-0.53-0.152L50,73.043L29.53,85.848c-0.308,0.193-0.697,0.203-1.015,0.027C28.197,85.698,28,85.363,28,85V19c0-0.553,0.448-1,1-1h42c0.552,0,1,0.447,1,1v66c0,0.363-0.197,0.698-0.516,0.875C71.333,85.958,71.167,86,71,86z M50,70.863c0.184,0,0.368,0.051,0.53,0.152L70,83.195V20H30v63.195l19.47-12.18C49.632,70.914,49.816,70.863,50,70.863z"></path></g><g><path fill="#1f212b" d="M50,50c-6.065,0-11-4.935-11-11c0-2.003,0.543-3.963,1.572-5.669c0.142-0.238,0.449-0.312,0.687-0.171c0.236,0.143,0.312,0.45,0.17,0.687C40.494,35.397,40,37.18,40,39c0,5.514,4.486,10,10,10s10-4.486,10-10s-4.486-10-10-10c-2.271,0-4.412,0.742-6.19,2.146c-0.215,0.171-0.531,0.134-0.702-0.083c-0.171-0.217-0.134-0.531,0.083-0.702C45.146,28.816,47.501,28,50,28c6.065,0,11,4.935,11,11S56.065,50,50,50z"></path></g><g><path fill="#1f212b" d="M46.792,44.967c-0.171,0-0.342-0.053-0.48-0.157c-0.25-0.195-0.367-0.503-0.312-0.808l0.541-3.304l-2.308-2.349c-0.207-0.207-0.286-0.527-0.199-0.814c0.113-0.314,0.344-0.512,0.64-0.566l3.184-0.48l1.415-3.002c0.282-0.566,1.177-0.556,1.449-0.011l1.419,3.013l3.167,0.478c0.313,0.058,0.544,0.255,0.649,0.544c0.095,0.312,0.016,0.633-0.194,0.843l-2.305,2.346l0.542,3.312c0.054,0.297-0.063,0.604-0.308,0.795c-0.137,0.146-0.544,0.225-0.846,0.077l-3.088-1.693c-0.242-0.133-0.331-0.437-0.198-0.679c0.132-0.242,0.436-0.332,0.679-0.198l2.713,1.488l-0.522-3.19c-0.025-0.157,0.025-0.317,0.137-0.432l2.237-2.277l-3.077-0.463c-0.165-0.024-0.307-0.13-0.378-0.281L50,34.289l-1.351,2.867c-0.071,0.151-0.213,0.257-0.378,0.281l-3.077,0.464l2.237,2.276c0.112,0.114,0.163,0.274,0.137,0.432l-0.545,3.332c0.142,0.026,0.271,0.113,0.347,0.25c0.133,0.241,0.045,0.546-0.196,0.679C47.056,44.936,46.924,44.967,46.792,44.967z M53.015,44.175c0,0.002,0,0.004,0,0.005L53.015,44.175z M46.986,44.167l0,0.005C46.986,44.17,46.986,44.169,46.986,44.167z M46.691,43.994C46.691,43.994,46.691,43.995,46.691,43.994C46.691,43.995,46.691,43.994,46.691,43.994z M55.054,37.648c-0.001,0.001-0.002,0.002-0.003,0.003L55.054,37.648z M44.943,37.646l0.003,0.003C44.946,37.647,44.944,37.646,44.943,37.646z"></path></g> - </svg> - <span>Leave A Tip</span> - </a> - </div> - </main> - </div> + <section class="landing-page"> + <div class="menu-container"> + <ul class="menu-wrapper"> + <li><a href="">Contact</a></li> + <li><a href="">Profile</a></li> + <li><a href="">Services</a></li> + <li><a href="tips/tips.html">Tips</a></li> + </ul> + </div> + </section> </body> </html> @@ -1,75 +1,64 @@ -/* Simple Reset */ +/* Grey */ +/* Tan */ +/* Rust */ +/* Teal */ +/* Muted Green */ * { - margin: 0; - padding: 0; - box-sizing: border-box; + margin: 0px; + padding: 0px; + box-sizing: border-box; + background-size: cover; + background-repeat: no-repeat; + font-family: sans-serif; } -/* Basic Styling */ -body { - font-family: 'Helvetica', sans-serif; - background-color: #fff; - color: #000; - line-height: 1.4; +.landing-page { + height: 100vh; + width: 100%; + background-color: #DDD1C7; } - -.container { - max-width: 400px; - margin: 50px auto; - padding: 20px; - text-align: center; +.landing-page .menu-container { + position: fixed; + top: 0; + left: 0; + height: 100vh; + width: 100%; + z-index: 5; + opacity: 1; + transition: opacity 1500ms; + display: flex; + justify-content: center; + align-items: center; } - -header h1 { - font-size: 2em; - margin-bottom: 0.5em; +.landing-page .menu-container .menu-wrapper { + list-style: none; } - -header p { - font-size: 1.2em; - color: #000; - margin-bottom: 2em; +.landing-page .menu-container .menu-wrapper li { + margin: 10px 0; + display: flex; + justify-content: left; } - -/* Responsive Design */ -@media (max-width: 400px) { - .container { - width: 100%; - margin: 20px auto; - padding: 10px; - } +.landing-page .menu-container .menu-wrapper li a { + text-decoration: none; + letter-spacing: 5px; + font-weight: 700; + font-size: 15vmin; + color: rgba(255, 255, 255, 0); + -webkit-text-stroke: 1.4px #353535; + transition-duration: 200ms; } - -.button { - display: inline-block; - padding: 10px 30px; - font-size: 18px; - cursor: pointer; - background-color: #000; /* Dark grey for OLED efficiency */ - color: #fff; - border: none; - border-radius: 50px; /* High border-radius for pill shape */ - transition: background-color 0.3s; +.landing-page .menu-container .menu-wrapper li a:hover { + color: #353535; + -webkit-text-stroke: 0px #353535; } - -.button:hover { - background-color: #333333; /* Slightly lighter grey for hover state */ +.landing-page .menu-container .menu-wrapper li span { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 68vmin; + font-weight: 900; + color: rgba(0, 0, 0, 0.2); } -.menu-option { - margin-bottom: 20px; -} - -.menu-option a { - text-decoration: none; - color: #fff; - display: flex; - align-items: center; - justify-content: center; -} - -.menu-option svg.logo { - width: 50px; - height: 50px; - margin-right: 40px; -} +/*# sourceMappingURL=styles.css.map */ diff --git a/styles.scss b/styles.scss new file mode 100644 index 0000000..c86ba37 --- /dev/null +++ b/styles.scss @@ -0,0 +1,86 @@ +$primary-color: #353535; /* Grey */ +$secondary-color: #DDD1C7; /* Tan */ +$accent-color-1: #AD5D4E; /* Rust */ +$accent-color-2: #18A999; /* Teal */ +$accent-color-3: #6A9170; /* Muted Green */ + +$dark-grey: #1c1b20; + + +$sans-serif-font: 'Helvetica'; + + +//GLOBAL STYLES +* { + margin: 0px; + padding: 0px; + box-sizing: border-box; + + background-size: cover; + background-repeat: no-repeat; + + font-family: sans-serif; +} + +//MIXIN +@mixin flexcenter { + display: flex; + justify-content: center; + align-items: center; +} + +//MAIN CSS +.landing-page { + //overflow-x: hidden; + height: 100vh; + width: 100%; + background-color: $secondary-color; + + .menu-container { + position: fixed; + top: 0; + left: 0; + height: 100vh; + width: 100%; + z-index: 5; + opacity: 1; + transition: opacity 1500ms; + @include flexcenter(); + + .menu-wrapper { + list-style: none; + + li { + margin: 10px 0; + display: flex; + justify-content: left; + + a { + text-decoration: none; + letter-spacing: 5px; + font-weight: 700; + font-size: 15vmin; + color: rgba(255, 255, 255, 0); + -webkit-text-stroke: 1.4px $primary-color; + transition-duration: 200ms; + + &:hover { + color: $primary-color; + -webkit-text-stroke: 0px $primary-color; + } + } + + span { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + + font-size: 68vmin; + font-weight: 900; + color: rgba(0, 0, 0, 0.2); + } + } + } + } +} diff --git a/tips/tips.html b/tips/tips.html index 6aff738..516a32c 100644 --- a/tips/tips.html +++ b/tips/tips.html @@ -4,40 +4,19 @@ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Leave a Tip</title> - <link rel="stylesheet" href="/styles.css"> + <link rel="stylesheet" href="../styles.css"> </head> <body> - <div class="container"> - <header> - <h1>Leave a Tip</h1> - <p>Thank you!</p> - </header> - <main> - <div class="menu-option"> - <a href="https://cash.app/$evanacohencash" class="button"> - <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 100 100" alt="Cash App Logo" class="logo"> - <path fill="#a1d3a2" d="M70,18.988H31c-6.6,0-12,5.4-12,12v39c0,6.6,5.4,12,12,12h39c6.6,0,12-5.4,12-12v-39 C82,24.388,76.6,18.988,70,18.988z"></path><path fill="#1f212b" d="M70,83H31c-7.18,0-13-5.82-13-13V31c0-7.18,5.82-13,13-13h39c7.18,0,13,5.82,13,13v39 C83,77.18,77.179,83,70,83z M20,31v39c0,6.075,4.925,11,11,11h39c6.075,0,11-4.925,11-11V31c0-6.075-4.925-11-11-11H31 C24.924,20,20,24.925,20,31z"></path><path fill="#1f212b" d="M67.162,78H33.837C27.852,78,23,73.148,23,67.163V33.837C23,27.852,27.852,23,33.837,23H67.5 c0.276,0,0.5,0.224,0.5,0.5S67.776,24,67.5,24H33.837C28.404,24,24,28.404,24,33.837v33.325C24,72.595,28.405,77,33.838,77h33.325 C72.596,77,77,72.596,77,67.163V48.5c0-0.276,0.224-0.5,0.5-0.5s0.5,0.224,0.5,0.5v18.662C78,73.148,73.147,78,67.162,78z M77.5,45.579c-0.276,0-0.5-0.224-0.5-0.5v-4c0-0.276,0.224-0.5,0.5-0.5s0.5,0.224,0.5,0.5v4C78,45.356,77.776,45.579,77.5,45.579z M77.5,39.579c-0.276,0-0.5-0.224-0.5-0.5v-2c0-0.276,0.224-0.5,0.5-0.5s0.5,0.224,0.5,0.5v2C78,39.356,77.776,39.579,77.5,39.579z"></path><path fill="#fafafa" d="M52.461,39.004c5.135,0,8.011,2.806,9.454,3.745c0.352,0.229,0.816,0.173,1.114-0.123l2.855-3.225 c0.374-0.37,0.365-0.973-0.033-1.318c-1.131-0.982-3.626-2.831-7.417-4.066l0.861-4.097c0.119-0.56-0.311-1.087-0.883-1.087h-5.534 c-0.426,0-0.796,0.3-0.883,0.717l-0.686,3.264c-0.191-0.006-0.36-0.034-0.554-0.036c-5.769-0.058-10.743,3.766-11.348,8.567 c-0.576,4.563,1.103,10.024,10.465,12.453c5.24,1.36,6.186,3.004,5.917,4.945c-0.283,2.049-2.481,3.391-7.197,3.134 c-4.063-0.222-7.146-2.883-8.479-3.931c-0.367-0.287-0.883-0.247-1.204,0.09l-3.004,3.387c-0.329,0.345-0.339,0.876-0.02,1.228 c1.11,1.228,3.899,3.863,8.077,5.101l-0.699,3.323c-0.117,0.562,0.311,1.089,0.885,1.089h5.534c0.426,0,0.796-0.3,0.883-0.717 l0.662-3.148c7.239-0.739,11.366-4.726,12.246-8.631c1.06-4.696-0.619-10.51-10.599-12.762c-4.503-1.017-5.975-2.92-5.697-5.122 C47.376,40.21,49.301,39.004,52.461,39.004z"></path><path fill="#1f212b" d="M49.68,72.667h-5.534c-0.425,0-0.822-0.189-1.09-0.519c-0.268-0.33-0.372-0.757-0.284-1.173 l0.605-2.879c-4.146-1.353-6.866-4.003-7.865-5.108c-0.497-0.548-0.485-1.368,0.029-1.907l2.992-3.375 c0.51-0.538,1.317-0.6,1.887-0.151l0.281,0.223c1.387,1.104,4.274,3.402,7.917,3.603c4.034,0.221,6.403-0.742,6.674-2.704 c0.205-1.481-0.324-3.038-5.547-4.393c-9.985-2.591-11.404-8.5-10.835-13c0.644-5.109,5.869-9.066,11.849-9.005 c0.051,0,0.101,0.002,0.15,0.005l0.597-2.836c0.135-0.645,0.712-1.114,1.372-1.114h5.534c0.426,0,0.823,0.189,1.091,0.521 c0.267,0.33,0.369,0.756,0.281,1.17l-0.77,3.66c3.651,1.264,6.043,3.047,7.164,4.021c0.295,0.256,0.464,0.611,0.477,1 c0.014,0.39-0.14,0.773-0.419,1.05l-2.834,3.201c-0.486,0.486-1.219,0.564-1.761,0.209c-0.228-0.148-0.492-0.342-0.794-0.564 c-1.572-1.159-4.206-3.099-8.387-3.099c-2.686,0-4.61,0.943-4.789,2.346c-0.274,2.176,1.512,3.714,5.311,4.571 c4.675,1.055,7.954,2.964,9.746,5.676c1.826,2.764,1.677,5.704,1.229,7.684c-0.809,3.591-4.521,8.06-12.317,8.979l-0.588,2.794 C50.918,72.198,50.341,72.667,49.68,72.667z M39.56,58.256c-0.105,0-0.209,0.043-0.289,0.127l-2.993,3.375 c-0.16,0.168-0.165,0.403-0.023,0.56c0.978,1.081,3.697,3.728,7.849,4.958l0.442,0.131l-0.794,3.774 c-0.034,0.164,0.037,0.281,0.082,0.337c0.045,0.056,0.146,0.149,0.314,0.149h5.534c0.189,0,0.355-0.134,0.394-0.318l0.737-3.507 l0.363-0.037c7.518-0.768,11.06-4.921,11.809-8.245c0.404-1.79,0.543-4.441-1.089-6.911c-1.646-2.489-4.718-4.256-9.133-5.252 c-5.462-1.233-6.323-3.766-6.082-5.672c0.249-1.957,2.518-3.22,5.781-3.22c4.51,0,7.309,2.062,8.98,3.294 c0.283,0.208,0.531,0.392,0.746,0.532c0.15,0.099,0.356,0.073,0.488-0.058l2.834-3.202c0.105-0.107,0.15-0.216,0.146-0.331 c-0.004-0.108-0.051-0.207-0.134-0.279c-1.106-0.961-3.52-2.754-7.244-3.968l-0.427-0.139l0.954-4.536 c0.034-0.162-0.035-0.279-0.08-0.334c-0.077-0.095-0.191-0.149-0.313-0.149h-5.534c-0.189,0-0.354,0.134-0.394,0.319l-0.772,3.674 l-0.419-0.013c-0.097-0.003-0.189-0.011-0.281-0.019c-0.125-0.011-0.257-0.018-0.388-0.017c-5.448,0-10.144,3.552-10.721,8.13 c-0.518,4.103,0.813,9.499,10.094,11.906c4.833,1.254,6.654,2.847,6.286,5.498c-0.204,1.478-1.478,3.905-7.719,3.565 c-3.962-0.217-7.018-2.649-8.486-3.818l-0.275-0.218C39.73,58.284,39.645,58.256,39.56,58.256z"></path> - </svg> - <span>Cash App</span> - </a> - </div> - <div class="menu-option"> - <a href="venmo://paycharge?audience=private&amount=25¬e=Super%20Awesome%20Ski%20Instructor!&recipients=%2Cevanacohen&txn=pay" class="button"> - <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 100 100" alt="Venmo Logo" class="logo"> - <path fill="#39c1d7" d="M81,69.82C81,75.984,75.984,81,69.82,81H30.18C24.016,81,19,75.984,19,69.82V30.18 C19,24.016,24.016,19,30.18,19H69.82C75.984,19,81,24.016,81,30.18V69.82z"></path><path fill="#1f212b" d="M69.5,17.5h-39c-7.168,0-13,5.832-13,13v39c0,7.168,5.832,13,13,13h39c7.168,0,13-5.832,13-13v-39 C82.5,23.332,76.668,17.5,69.5,17.5z M80.5,69.5c0,6.065-4.935,11-11,11h-39c-6.065,0-11-4.935-11-11v-39c0-6.065,4.935-11,11-11h39 c6.065,0,11,4.935,11,11V69.5z"></path><path fill="#1f212b" d="M77,47.5c-0.276,0-0.5,0.224-0.5,0.5v18.663c0,5.424-4.413,9.837-9.837,9.837H33.337 c-5.424,0-9.837-4.413-9.837-9.837V33.337c0-5.424,4.413-9.837,9.837-9.837H67c0.276,0,0.5-0.224,0.5-0.5c0-0.276-0.224-0.5-0.5-0.5 H33.337c-5.976,0-10.837,4.861-10.837,10.837v33.326c0,5.976,4.861,10.837,10.837,10.837h33.326c5.976,0,10.837-4.861,10.837-10.837 V48C77.5,47.724,77.276,47.5,77,47.5z M77,40.5c-0.276,0-0.5,0.224-0.5,0.5v4c0,0.276,0.224,0.5,0.5,0.5s0.5-0.224,0.5-0.5v-4 C77.5,40.724,77.276,40.5,77,40.5z M76.5,37v2c0,0.276,0.224,0.5,0.5,0.5s0.5-0.224,0.5-0.5v-2c0-0.276-0.224-0.5-0.5-0.5 S76.5,36.724,76.5,37z"></path><path fill="#fff" d="M35.497,36.088l4.334,30.414h13.001c0,0,18.418-20.638,10.834-31.5 c-3.431,0.543-9.841,1.539-9.841,1.539s3.701,7.694-4.695,20.185c-0.902-7.242-2.708-21.634-2.708-21.634L35.497,36.088z"></path><path fill="#1f212b" d="M37.446,50.278c-0.245,0-0.459-0.181-0.495-0.431l-0.856-6.013c-0.038-0.273,0.151-0.527,0.426-0.566 c0.268-0.037,0.526,0.151,0.566,0.426l0.856,6.013c0.038,0.273-0.151,0.527-0.426,0.566C37.494,50.276,37.469,50.278,37.446,50.278z"></path><path fill="#1f212b" d="M49.129,57.227c-0.038,0-0.077-0.005-0.116-0.014c-0.203-0.049-0.354-0.218-0.381-0.426 c-0.805-6.456-2.327-18.597-2.648-21.153l-9.917,0.904l0.593,4.16c0.038,0.273-0.151,0.527-0.426,0.566 c-0.27,0.03-0.527-0.152-0.566-0.426L35,36.158c-0.019-0.136,0.019-0.273,0.104-0.381s0.211-0.176,0.347-0.188l10.924-0.996 c0.268-0.016,0.509,0.169,0.543,0.437c0,0,1.598,12.735,2.539,20.275c1.398-2.229,2.497-4.439,3.273-6.588 c0.094-0.261,0.384-0.396,0.641-0.301c0.26,0.094,0.395,0.381,0.301,0.641c-0.936,2.592-2.324,5.267-4.126,7.949 C49.451,57.146,49.293,57.227,49.129,57.227z"></path><path fill="#1f212b" d="M58.703,59.235c-0.095,0-0.19-0.027-0.275-0.083c-0.231-0.152-0.295-0.463-0.143-0.693 c4.623-7.009,9.226-16.628,5.143-22.913c-2.818,0.445-7.292,1.143-8.913,1.395c0.409,1.235,1.109,4.278,0.124,8.795 c-0.059,0.271-0.329,0.441-0.596,0.383c-0.271-0.059-0.441-0.326-0.383-0.596c1.205-5.523-0.271-8.734-0.287-8.766 c-0.067-0.143-0.063-0.31,0.01-0.449c0.074-0.14,0.209-0.237,0.365-0.262c0,0,6.408-0.995,9.839-1.538 c0.189-0.034,0.379,0.051,0.488,0.207c4.705,6.738-0.097,16.932-4.954,24.295C59.024,59.156,58.865,59.235,58.703,59.235z"></path><path fill="#1f212b" d="M52.83,67.003h-13c-0.249,0-0.461-0.184-0.496-0.431l-1.971-13.827 c-0.038-0.273,0.151-0.527,0.426-0.566c0.268-0.034,0.526,0.151,0.566,0.426l1.909,13.396h12.339 c0.45-0.519,1.889-2.207,3.617-4.573c0.162-0.224,0.477-0.273,0.699-0.109c0.224,0.163,0.272,0.477,0.109,0.699 c-2.116,2.896-3.809,4.799-3.826,4.817C53.109,66.941,52.973,67.003,52.83,67.003z"></path> - </svg> - <span>Venmo</span> - </a> - </div> - <div class="menu-option"> - <a href="https://paypal.me/evanacohen?country.x=US&locale.x=en_US" class="button"> - <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 100 100" alt="PayPal Logo" class="logo"> - <path fill="#3070b7" d="M43.804,32.5H64.5c3.966,0,7.251,0.614,9.773,1.828l0.535-0.293c0.125-1.2,0.192-2.46,0.192-3.785 C75,21.828,69,15,55,15H31.604c-1.477,0-2.734,1.075-2.964,2.534l-9.616,61.155C18.834,79.903,19.772,81,21,81h12.917l-0.893,5.69 c-0.079,0.502,0.043,0.978,0.291,1.37l8.441-53.811C41.917,33.236,42.777,32.5,43.804,32.5z"></path><path fill="#40a6dd" d="M74.808,34.035l-0.535,0.293C71.751,33.114,68.466,32.5,64.5,32.5H43.804 c-1.026,0-1.887,0.736-2.047,1.75l-8.441,53.811C33.667,88.617,34.28,89,35,89h1.433h10.63c1.477,0,2.734-1.075,2.964-2.534 l2.505-15.932C52.762,69.075,54.019,68,55.496,68h3.53C67.286,68,81,62.857,81,45.071C81,40.424,79.325,36.353,74.808,34.035z"></path><path fill="#375ca9" d="M43.804,32.5c-1.026,0-1.887,0.736-2.047,1.75l-3.442,21.944c0.587-0.439,1.314-0.694,2.101-0.694 h8.949c3.771,0,22.604-1.024,24.909-21.172C71.751,33.114,68.466,32.5,64.5,32.5H43.804z"></path><g><path fill="#1f212b" d="M47.063,90H35c-0.878,0-1.709-0.383-2.279-1.05c-0.571-0.668-0.82-1.548-0.685-2.415L32.748,82H21 c-0.878,0-1.709-0.383-2.279-1.05c-0.571-0.668-0.82-1.548-0.685-2.416l9.616-61.155C27.961,15.421,29.622,14,31.604,14H55 c13.149,0,21,6.075,21,16.25c0,1.087-0.045,2.168-0.134,3.223C79.883,35.792,82,39.787,82,45.071C82,63.999,66.973,69,59.026,69 h-3.53c-0.991,0-1.822,0.711-1.976,1.689l-2.505,15.932C50.707,88.579,49.045,90,47.063,90z M31.604,16 c-0.99,0-1.821,0.711-1.975,1.689l-9.616,61.155c-0.047,0.293,0.034,0.579,0.228,0.806C20.434,79.876,20.703,80,21,80h14.086 l-1.073,6.846c-0.046,0.293,0.034,0.578,0.228,0.804C34.434,87.876,34.703,88,35,88h12.063c0.991,0,1.822-0.711,1.976-1.689 l2.505-15.932C51.853,68.421,53.515,67,55.496,67h3.53C66.816,67,80,62.382,80,45.071c0-4.81-1.9-8.224-5.647-10.146l-0.609-0.313 l0.07-0.68C73.938,32.737,74,31.498,74,30.25C74,21.194,67.075,16,55,16H31.604z"></path><path fill="#1f212b" d="M37.63,57.331l3.633-23.158C41.462,32.913,42.53,32,43.804,32H64.5c4.04,0,7.401,0.632,9.99,1.878 l0.32,0.154l-0.04,0.353C72.416,54.958,53.193,56,49.364,56h-8.949c-0.658,0-1.281,0.206-1.801,0.595L37.63,57.331z M43.804,33 c-0.778,0-1.432,0.559-1.553,1.328l-3.285,20.938C39.422,55.091,39.911,55,40.415,55h8.949c3.658,0,21.932-0.985,24.369-20.371 C71.324,33.548,68.221,33,64.5,33H43.804z"></path><rect width="26.26" height="1" x="23.149" y="68.669" fill="#1f212b" transform="rotate(-81.124 36.279 69.17)"></rect><path fill="#1f212b" d="M23.925,77c-0.026,0-0.053-0.002-0.079-0.006c-0.272-0.043-0.459-0.299-0.416-0.572l8.564-54.466 C32.264,20.243,33.718,19,35.452,19H43.5c0.276,0,0.5,0.224,0.5,0.5S43.776,20,43.5,20h-8.048c-1.238,0-2.277,0.888-2.47,2.112 l-8.564,54.466C24.379,76.824,24.166,77,23.925,77z"></path><path fill="#1f212b" d="M50.5,20h-3c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h3c0.276,0,0.5,0.224,0.5,0.5 S50.776,20,50.5,20z"></path><path fill="#1f212b" d="M54.5,20h-1c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h1c0.276,0,0.5,0.224,0.5,0.5 S54.776,20,54.5,20z"></path><path fill="#1f212b" d="M57.5,64h-1c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h1c0.276,0,0.5,0.224,0.5,0.5 S57.776,64,57.5,64z"></path><path fill="#1f212b" d="M66.5,62.357c-0.193,0-0.378-0.113-0.46-0.303c-0.108-0.254,0.009-0.548,0.263-0.657 C70.727,59.503,76,55.133,76,45.071c0-0.902-0.084-1.707-0.256-2.46c-0.062-0.269,0.106-0.537,0.376-0.599 c0.272-0.064,0.537,0.107,0.599,0.376C76.908,43.216,77,44.093,77,45.071c0,10.606-5.603,15.232-10.303,17.246 C66.633,62.345,66.565,62.357,66.5,62.357z"></path><path fill="#1f212b" d="M60.499,63.906c-0.252,0-0.47-0.191-0.496-0.448c-0.029-0.274,0.17-0.521,0.445-0.549 c0.951-0.1,1.965-0.282,2.929-0.526c0.271-0.072,0.539,0.094,0.607,0.361c0.068,0.267-0.094,0.54-0.361,0.607 c-1.024,0.26-2.058,0.446-3.071,0.552C60.534,63.905,60.517,63.906,60.499,63.906z"></path></g> - </svg> - <span>PayPal</span> - </a> - </div> - </main> - </div> + <section class="landing-page"> + <div class="menu-container"> + <ul class="menu-wrapper"> + <li><a href="https://cash.app/$evanacohencash" class="button">CashApp</a></li> + <li><a href="venmo://paycharge?audience=private&amount=25¬e=Super%20Awesome%20Ski%20Instructor!&recipients=%2Cevanacohen&txn=pay" class="button">Venmo</a></li> + <li><a href="https://paypal.me/evanacohen?country.x=US&locale.x=en_US" class="button">PayPal</a></li> + </ul> + </div> + </section> </body> </html> + + |