-
Notifications
You must be signed in to change notification settings - Fork 1
Added html files #3
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: master
Are you sure you want to change the base?
Changes from all commits
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,13 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Correct!</title> | ||
| </head> | ||
| <body> | ||
| <h1 class="correct">Correct!</h1> | ||
| <link rel="stylesheet" type="text/css" href="/styles.css"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital@1&display=swap" rel="stylesheet"> | ||
| </body> | ||
| </html> | ||
|
Member
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Please, let's keep empty lines at the end of files (same for the other files!) |
||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Task №1</title> | ||
| </head> | ||
| <body> | ||
| <h1>Hello, Admin!</h1> | ||
| <p>Flag: PB{eat_my_cookies}</p> | ||
| <link rel="stylesheet" type="text/css" href="/styles.css"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital@1&display=swap" rel="stylesheet"> | ||
| </body> | ||
| </html> |
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,13 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Task №1</title> | ||
| </head> | ||
| <body> | ||
| <h1>Hello, Guest!</h1> | ||
| <link rel="stylesheet" type="text/css" href="/styles.css"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital@1&display=swap" rel="stylesheet"> | ||
| </body> | ||
| </html> |
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,15 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Task №2</title> | ||
| </head> | ||
| <body> | ||
| <h1>Hello, Human!</h1> | ||
| <p>You're not a robot! To get a flag, you must be a robot!</p> | ||
| <p>Hint: Cookies are protected by HASH, /usr/share/dict/words</p> | ||
| <link rel="stylesheet" type="text/css" href="/styles.css"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital@1&display=swap" rel="stylesheet"> | ||
| </body> | ||
| </html> |
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Task №2</title> | ||
| </head> | ||
| <body> | ||
| <h1>Hello, Robot!</h1> | ||
| <p>Flag: PB{I'm_a_cookiebot}</p> | ||
| <link rel="stylesheet" type="text/css" href="/styles.css"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital@1&display=swap" rel="stylesheet"> | ||
| </body> | ||
| </html> |
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,15 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Task №3</title> | ||
| </head> | ||
| <body> | ||
| <h1>Congratulations!</h1> | ||
| <p>Jake is give you a present:</p> | ||
| <p>Flag: PB{Jake_don't_mind}</p> | ||
| <link rel="stylesheet" type="text/css" href="/styles.css"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital@1&display=swap" rel="stylesheet"> | ||
| </body> | ||
| </html> |
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Task №3</title> | ||
| </head> | ||
| <body> | ||
| <h1>Oh No!</h1> | ||
| <p>Jake forgot his surname! He went to a government and got a cipher with his surname!</p> | ||
| <p>Please, decode it and write a decoded string to a cookie "Jake_Surname"!</p> | ||
| <a href='/3_file1' class="link">Encoded string</a> | ||
| <p></p> | ||
| <a href='/3_file2' class="link">Ciphers. Guess the cipher by it alphabet!</a> | ||
| <link rel="stylesheet" type="text/css" href="/styles.css"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital@1&display=swap" rel="stylesheet"> | ||
| </body> | ||
| </html> |
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Task №4</title> | ||
| </head> | ||
| <body> | ||
| <h1>Jake is fun!</h1> | ||
| <p>Yeah! Flag: PB{Jake_isn't_lonely}</p> | ||
| <link rel="stylesheet" type="text/css" href="/styles.css"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital@1&display=swap" rel="stylesheet"> | ||
| </body> | ||
| </html> |
| Original file line number | Diff line number | Diff line change | ||||
|---|---|---|---|---|---|---|
| @@ -0,0 +1,17 @@ | ||||||
| <!DOCTYPE html> | ||||||
| <html> | ||||||
| <head> | ||||||
| <title>Task №4</title> | ||||||
| </head> | ||||||
| <body> | ||||||
| <h1>Jake is so lonely!</h1> | ||||||
| <p>To get the password, send the letter to Jake by POST.</p1> | ||||||
| <br></br> | ||||||
|
Member
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. The
Suggested change
(same for other HTML files!) |
||||||
| <p>Text in letter:</p> | ||||||
| <p>letter=Hello, Jake!</p> | ||||||
| <link rel="stylesheet" type="text/css" href="/styles.css"> | ||||||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||||||
| <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap" rel="stylesheet"> | ||||||
| <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital@1&display=swap" rel="stylesheet"> | ||||||
| </body> | ||||||
| </html> | ||||||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,13 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Task №4</title> | ||
| </head> | ||
| <body> | ||
| <h1 class="try_again">Not today!</h1> | ||
| <link rel="stylesheet" type="text/css" href="/styles.css"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital@1&display=swap" rel="stylesheet"> | ||
| </body> | ||
| </html> |
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Task №4</title> | ||
| </head> | ||
| <body> | ||
| <h1>Oh! Thank you!</h1> | ||
| <p>Your present: Jake_is_fun=7d357b285f1744c3af09312e2c2e3c577fec5d0a091cb26e3089624890a31aad4d78165cb696d796f10eb81a568bcfa165a2e54771ad5bfb8f6451e48d3c1159</p> | ||
| <link rel="stylesheet" type="text/css" href="/styles.css"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital@1&display=swap" rel="stylesheet"> | ||
| </body> | ||
| </html> |
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Task №5</title> | ||
| </head> | ||
| <body> | ||
| <iframe width="560" height="315" src="https://www.youtube.com/embed/Qwe3CJinFSQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> | ||
| <h3>PB{Y0tub3_v1d30s_ar3_fun}</h3> | ||
| <link rel="stylesheet" type="text/css" href="/styles.css"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital@1&display=swap" rel="stylesheet"> | ||
| </body> | ||
| </html> |
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,15 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Task №5</title> | ||
| </head> | ||
| <body> | ||
| <iframe width="560" height="315" src="https://www.youtube.com/embed/O-qLCajT3Y8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> | ||
| <!-- Matilda says "Patch my files!" --> | ||
| <p>u_re_dog!</p> | ||
| <link rel="stylesheet" type="text/css" href="/styles.css"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital@1&display=swap" rel="stylesheet"> | ||
| </body> | ||
| </html> |
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,13 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Task №5</title> | ||
| </head> | ||
| <body> | ||
| <h1>df7e2ff08f3c98c59764f28c3bcfa5c3</h1> | ||
| <link rel="stylesheet" type="text/css" href="/styles.css"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital@1&display=swap" rel="stylesheet"> | ||
| </body> | ||
| </html> |
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,13 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Try again!</title> | ||
| </head> | ||
| <body> | ||
| <h1 class="try_again">Try again!</h1> | ||
| <link rel="stylesheet" type="text/css" href="/styles.css"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital@1&display=swap" rel="stylesheet"> | ||
| </body> | ||
| </html> |
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,32 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Cookies Tasks</title> | ||
| </head> | ||
| <body> | ||
| <h1 class=".header1">Select a task or check flag:</h1> | ||
|
Member
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. I think the dot in the tag's class name is a typo |
||
| <b><a href="/1" class="link">Task №1(Referesh page)</a> | ||
| <br></br> | ||
| <a href="/2" class="link">Task №2</a> | ||
| <br></br> | ||
| <a href="/3" class="link">Task №3</a> | ||
| <br></br> | ||
| <a href="/4" class="link">Task №4</a> | ||
| <br></br> | ||
| <a href="/5" class="link">Task №5</a> | ||
| <br></br> | ||
| <p></p> | ||
| <div class="form_design"> | ||
| <p><b>Check flag:</b></p> | ||
| <form action="/" method="post" class="form"> | ||
| <b>Flag:</b> <input name="flag" type="text" /> | ||
| <br></br> | ||
| <input value="Check!" type="submit" /> | ||
| </form> | ||
| </div> | ||
| <link rel="stylesheet" type="text/css" href="/styles.css"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital@1&display=swap" rel="stylesheet"> | ||
| </body> | ||
| </html> | ||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,43 @@ | ||
| body { | ||
| background: black; | ||
| font-family: 'Comfortaa', cursive; | ||
| color: white; | ||
| } | ||
|
|
||
| .link { | ||
| color: #f2ff80; | ||
| font-family: 'Comfortaa', cursive; | ||
| } | ||
|
|
||
| input[type=text] { | ||
| background: #9de3df; | ||
| color: black; | ||
| font-family: 'Balsamiq Sans', cursive; | ||
| font-size: 16px; | ||
| } | ||
|
|
||
| input[type=submit] { | ||
| background: #91ff7a; | ||
| border: none; | ||
| border-radius: 4px; | ||
| cursor: pointer; | ||
| padding: 12px 12px; | ||
| font-family: 'Comfortaa', cursive, bold; | ||
| font-size: 16px; | ||
| font-weight: bold; | ||
|
Comment on lines
+20
to
+27
Member
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Indentation issue, apparently |
||
| } | ||
|
|
||
| .form_design { | ||
| padding: 20px 10px; | ||
| background: #30302f; | ||
| } | ||
|
|
||
| .correct { | ||
| text-align: center; | ||
| color: #9fff8c; | ||
| } | ||
|
|
||
| .try_again { | ||
| text-align: center; | ||
| color: #ff7a7a; | ||
| } | ||
Large diffs are not rendered by default.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
These should be in the
<head>: https://www.w3schools.com/tags/tag_link.asp (same for the other HTML files)