-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit ffaabd4
Showing
4 changed files
with
154 additions
and
0 deletions.
There are no files selected for viewing
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,29 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <link rel="stylesheet" href="style.css" /> | ||
| <link | ||
| rel="shortcut icon" | ||
| href="https://cdn.discordapp.com/avatars/954266534715473960/55f85587e34ee8e1f7aaeb03f25c7631.png?size=4096" | ||
| type="image/x-icon" | ||
| /> | ||
| <title>Zara</title> | ||
| </head> | ||
| <body> | ||
| <div class="navbar"> | ||
| <ul class="navul"> | ||
| <li id="homebutton">Home</li> | ||
| <li id="invitebutton">Invite</li> | ||
| </ul> | ||
| <div class="logo"> | ||
| <p class="logotext gloweffect">Zara</p> | ||
| </div> | ||
| <div class="pvpolicy"> | ||
| <button class="policybutton" type="button">Privacy Policy</button> | ||
| </div> | ||
| </div> | ||
| <script src="script.js"></script> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,17 @@ | ||
| console.log("Welcome To Zara's Site"); | ||
|
|
||
| const policyButton = document.querySelector(".policybutton"); | ||
| const inviteButton = document.querySelector("#invitebutton"); | ||
| const homeButton = document.querySelector("#homebutton"); | ||
|
|
||
| inviteButton.addEventListener("click", function () { | ||
| window.location.href = "https://dsc.gg/zara-bot"; | ||
| }); | ||
|
|
||
| policyButton.addEventListener("click", function () { | ||
| window.location.href = "/privacypolicy.html"; | ||
| }); | ||
|
|
||
| homeButton.addEventListener("click", function () { | ||
| window.location.href = "/index.html"; | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,108 @@ | ||
| @font-face { | ||
| font-family: myFont; | ||
| src: url("fonts/HelveticaNueMedExt.otf"); | ||
| } | ||
|
|
||
| * { | ||
| margin: 0; | ||
| font-family: myFont; | ||
| background-color: #2f2f2f; | ||
| border: border-box; | ||
| color: rgb(255, 255, 255); | ||
| } | ||
|
|
||
| a { | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| .navbar { | ||
| display: flex; | ||
| /* justify-content: center; */ | ||
| justify-content: space-between; | ||
| align-items: center; | ||
| padding: 0 20px; | ||
| position: relative; | ||
| } | ||
|
|
||
| .navul { | ||
| list-style-type: none; | ||
| display: flex; | ||
| align-items: center; | ||
| display: flex; | ||
| padding-top: 10px; | ||
| margin-left: 0; /* Removes margin on the left */ | ||
| padding-top: 10px; | ||
| margin-right: auto; | ||
| flex-grow: 1; | ||
| justify-content: flex-start; | ||
| transition: 0.5s; | ||
| user-select: none; | ||
| } | ||
|
|
||
| .navul li { | ||
| margin-right: 26px; | ||
| cursor: pointer; | ||
| transition: 0.5s; | ||
| } | ||
|
|
||
| .navul li:hover { | ||
| transform: translateY(-7px); | ||
| box-shadow: 0 3px #fcae87; | ||
| /* font-weight: 900; */ | ||
| } | ||
|
|
||
| .logo { | ||
| display: flex; | ||
| position: absolute; | ||
| left: 46%; /* Centers the logo */ | ||
| transform: translateX(-50%); | ||
| text-align: center; | ||
| margin-bottom: 25px; | ||
| } | ||
|
|
||
| .logotext { | ||
| font-size: 40px; | ||
| color: white; | ||
| font-weight: bolder; | ||
| text-decoration: none; | ||
| user-select: none; | ||
| cursor: pointer; | ||
| position: absolute; | ||
| /* padding-top: 8px; */ | ||
| transition: 0.5s; | ||
| } | ||
|
|
||
| .gloweffect { | ||
| text-shadow: 0 0 5px #ffffff, 0 0 12px #ffffff, 0 0 20px #ffffff, | ||
| 0 0 35px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .logotext:hover { | ||
| transform: translateY(-7px); | ||
| box-shadow: 0 3px #fcae87; | ||
| } | ||
|
|
||
| .pvpolicy { | ||
| align-items: center; | ||
| display: flex; | ||
| padding-top: 12px; | ||
| margin-left: 2in; | ||
| position: relative; | ||
| } | ||
|
|
||
| .policybutton { | ||
| background-color: #fcae87; | ||
| /* font-weight: bold; */ | ||
| cursor: pointer; | ||
| border-radius: 8px; | ||
| font-size: 20px; | ||
| padding: 10px 20px; | ||
| transition: 0.5s; | ||
| } | ||
|
|
||
| .policybutton:hover { | ||
| color: #fcae87; | ||
| background-color: #2f2f2f; | ||
| border: 2px solid #faa276; | ||
| } |