web/webdecode
This commit is contained in:
parent
123a17acf8
commit
b9f1b23f5c
GPG Key ID:
9F2F7D8250F35146
|
|
@ -0,0 +1,59 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8"/>
|
||||||
|
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
|
||||||
|
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
||||||
|
<link href="style.css" rel="stylesheet"/>
|
||||||
|
<link href="img/favicon.png" rel="shortcut icon" type="image/x-icon"/>
|
||||||
|
<!-- font (google) -->
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet"/>
|
||||||
|
<title>
|
||||||
|
About me
|
||||||
|
</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<nav>
|
||||||
|
<div class="logo-container">
|
||||||
|
<a href="index.html">
|
||||||
|
<img alt="logo" src="img/binding_dark.gif"/>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="navigation-container">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="index.html">
|
||||||
|
Home
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="about.html">
|
||||||
|
About
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="contact.html">
|
||||||
|
Contact
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<section class="about" notify_true="cGljb0NURnt3ZWJfc3VjYzNzc2Z1bGx5X2QzYzBkZWRfMDJjZGNiNTl9">
|
||||||
|
<h1>
|
||||||
|
Try inspecting the page!! You might find it there
|
||||||
|
</h1>
|
||||||
|
<!-- .about-container -->
|
||||||
|
</section>
|
||||||
|
<!-- .about -->
|
||||||
|
<section class="why">
|
||||||
|
<footer>
|
||||||
|
<div class="bottombar">
|
||||||
|
Copyright © 2023 Your_Name. All rights reserved.
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</section>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,40 @@
|
||||||
|
<!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">
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
|
||||||
|
<!-- font (google) -->
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
|
||||||
|
<title>Contact me</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<nav>
|
||||||
|
<div class="logo-container">
|
||||||
|
<a href="index.html"><img src="img/binding_dark.gif" alt="logo"></a>
|
||||||
|
</div>
|
||||||
|
<div class="navigation-container">
|
||||||
|
<ul>
|
||||||
|
<li><a href="index.html">Home</a></li>
|
||||||
|
<li><a href="about.html">About</a></li>
|
||||||
|
<li><a href="contact.html">Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<section class="contact">
|
||||||
|
<div class="contact-wrapper">
|
||||||
|
<h1>Keep searching page.</h1>
|
||||||
|
<h2> Don't give up!!! </h2>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer>
|
||||||
|
<div class="bottombar">Copyright © 2023 Your_Name. All rights reserved.</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,47 @@
|
||||||
|
<!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">
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
|
||||||
|
<!-- font (google) -->
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
|
||||||
|
<title>Home</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<nav>
|
||||||
|
<div class="logo-container">
|
||||||
|
<a href="index.html"><img src="img/binding_dark.gif" alt="logo"></a>
|
||||||
|
</div>
|
||||||
|
<div class="navigation-container">
|
||||||
|
<ul>
|
||||||
|
<li><a href="index.html">Home</a></li>
|
||||||
|
<li><a href="about.html">About</a></li>
|
||||||
|
<li><a href="contact.html">Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<section class="banner">
|
||||||
|
<h1>Ha!!!!!! You looking for a flag?</h1>
|
||||||
|
<p>Keep Navigating</p>
|
||||||
|
|
||||||
|
</section><!-- .banner -->
|
||||||
|
<section class="sec-intro">
|
||||||
|
<div class="col">
|
||||||
|
<p>Haaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
|
||||||
|
<p>Keepppppppppppppp Searchinggggggggggggggggggg</p>
|
||||||
|
<img src="./img/multipage-html-img1.jpg" alt="person">
|
||||||
|
<figcaption>Don't give up!</figcaption>
|
||||||
|
</div>
|
||||||
|
</section><!-- .sec-intro -->
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<div class="bottombar">Copyright © 2023 Your_Name. All rights reserved.</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
#!/usr/bin/env bash
|
||||||
|
|
||||||
|
# NOTE: base64 encoded text found in about.html
|
||||||
|
|
||||||
|
echo "cGljb0NURnt3ZWJfc3VjYzNzc2Z1bGx5X2QzYzBkZWRfMDJjZGNiNTl9" | base64 -d
|
||||||
|
|
@ -0,0 +1,145 @@
|
||||||
|
/* basic css (reset) */
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
html, body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background-color: #F3F4F6;
|
||||||
|
font-family: 'Lato', sans-serif;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
font-weight: 400;
|
||||||
|
/* available weights: 400, 700 & 400 italic */
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
ul{
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
figcaption {
|
||||||
|
font-size:.75rem;
|
||||||
|
font-style: italic;
|
||||||
|
color: #424242;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
blockquote {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
section {
|
||||||
|
padding: 90px 15px;
|
||||||
|
}
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
margin: 0 0 10px;
|
||||||
|
color: #193549;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
font-size: 35px;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font-size: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media(min-width: 768px) {
|
||||||
|
h1 {
|
||||||
|
font-size: 70px;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font-size: 60px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* global style ended above */
|
||||||
|
/* header navigation menu */
|
||||||
|
header {
|
||||||
|
background-color: #0C1733;
|
||||||
|
}
|
||||||
|
nav {
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
nav .logo-container {
|
||||||
|
max-width: 130px;
|
||||||
|
}
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
nav .logo-container {
|
||||||
|
max-width: 250px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
nav .logo-container a img {
|
||||||
|
margin: 15px 5px;
|
||||||
|
}
|
||||||
|
nav .navigation-container {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
nav .navigation-container ul {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
nav .navigation-container ul li {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
nav .navigation-container ul li a {
|
||||||
|
text-decoration: none;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 1rem;
|
||||||
|
font-style: italic;
|
||||||
|
color: #FFFFFF;
|
||||||
|
padding: 10px 5px;
|
||||||
|
transition: all 0.9s ease-out;
|
||||||
|
}
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
nav .navigation-container ul li a {
|
||||||
|
font-size: 1.125rem;
|
||||||
|
padding: 30px 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
nav .navigation-container ul li a:hover {
|
||||||
|
background-color: #37415c;
|
||||||
|
color: #E0413D;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* footer */
|
||||||
|
|
||||||
|
footer .bottombar {
|
||||||
|
padding: 20px 15px;
|
||||||
|
background-color: #070e14;
|
||||||
|
text-align: center;
|
||||||
|
font-style: italic;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
/* home page - index.html */
|
||||||
|
.banner {
|
||||||
|
padding: 90px 15px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.banner h1 {
|
||||||
|
animation: changeColors 5s infinite;
|
||||||
|
}
|
||||||
|
@keyframes changeColors {
|
||||||
|
0% {color: #FFFFFF;}
|
||||||
|
25% {color: #d1cdcd;}
|
||||||
|
50% {color: #aba7a7;}
|
||||||
|
75% {color: #5e5c5c;}
|
||||||
|
100% {color: #000000;}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* About page */
|
||||||
|
.about {
|
||||||
|
background-color: #bcbec2;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
Loading…
Reference in New Issue