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