-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #1 from Frank01001/main
New uniformed version with original site
- Loading branch information
Showing
18 changed files
with
122 additions
and
102 deletions.
There are no files selected for viewing
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 |
|---|---|---|
| @@ -1,2 +1 @@ | ||
| # libdebug.github.io | ||
| website for libdebug | ||
| # Parody Website for libdebug |
Binary file not shown.
Binary file not shown.
Binary file not shown.
This file was deleted.
Oops, something went wrong.
Binary file not shown.
This file was deleted.
Oops, something went wrong.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
This file was deleted.
Oops, something went wrong.
Binary file not shown.
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 |
|---|---|---|
|
|
@@ -2,111 +2,151 @@ | |
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="description" content="libdeb...ugh! is a Python library to debug binary executables, your own way"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <meta name="description" content="libdeb... ugh! is a Python library to debug binary executables, your own way"> | ||
| <title>libdeb... ugh!</title> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <title>libdeb...ugh!</title> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet"> | ||
| <style> | ||
| body { | ||
| background-color: #feffef; | ||
| font-family: 'Nunito', sans-serif; | ||
| display: flex; | ||
| justify-content: center; | ||
| flex-direction: column; | ||
| justify-content: space-between; | ||
| align-items: center; | ||
| height: 100vh; | ||
| margin: 0; | ||
| background-color: #ffffef; | ||
| font-family: "Nunito", Arial, sans-serif; | ||
| } | ||
| .container { | ||
| text-align: center; | ||
| display: flex; | ||
| flex-direction: column; | ||
| align-items: center; | ||
| p { | ||
| font-size: 1.5em; | ||
| } | ||
| .icons-container { | ||
| .container { | ||
| text-align: center; | ||
| display: flex; | ||
| flex-direction: column; | ||
| justify-content: center; | ||
| align-items: center; | ||
| flex: 1; | ||
| padding: 2em; | ||
| } | ||
| p { | ||
| font-size: 1.2em; | ||
| color: #333; | ||
| padding-right: 1.5em; | ||
| padding-left: 1.5em; | ||
| } | ||
| .icon { | ||
| width: 2.5em; | ||
| height: 2.5em; | ||
| margin-right: 10px; | ||
| .logo-container { | ||
| margin-top: 7em; | ||
| display: flex; | ||
| flex-direction: column; | ||
| align-items: center; | ||
| justify-content: center; | ||
| } | ||
| .logo { | ||
| max-width: 15em; | ||
| margin-bottom: 0px; | ||
| max-height: 15em; | ||
| } | ||
| .libdebug-logo-text | ||
| { | ||
| font-size: 5em; | ||
| font-family: 'Nunito', sans-serif; | ||
| .logo-text { | ||
| font-weight: bold; | ||
| color: #003233; | ||
| text-decoration: none; | ||
| margin-top: 0; | ||
| margin-bottom: 0px; | ||
| font-family: "Permanent Marker", cursive; | ||
| font-weight: 400; | ||
| font-style: normal; | ||
| font-size: 5.5em; | ||
| color: #032f30; | ||
| } | ||
| .bottom-container { | ||
| text-align: center; | ||
| margin-bottom: 7em; /* Adjust margin as needed */ | ||
| } | ||
| .btn-container { | ||
| margin-bottom: 1em; | ||
| } | ||
| .btn img { | ||
| width: 50px; | ||
| height: 50px; | ||
| } | ||
| .logo-text span { | ||
| visibility: hidden; | ||
| } | ||
| .logo-text span.visible { | ||
| visibility: visible; | ||
| } | ||
| @media (min-aspect-ratio: 4/3) { | ||
| .logo-container { | ||
| flex-direction: row; | ||
| } | ||
| .logo-text { | ||
| margin-top: 0; | ||
| margin-left: 0.3em; /* Reduced margin */ | ||
| } | ||
| } | ||
| @media (max-aspect-ratio: 4/3) { | ||
| .logo-container { | ||
| flex-direction: column; | ||
| } | ||
| .logo-text { | ||
| margin-left: 0; | ||
| } | ||
| .top-container { | ||
| margin-top: 3em; /* Adjust margin as needed */ | ||
| } | ||
| .bottom-container { | ||
| margin-bottom: 3em; /* Adjust margin as needed */ | ||
| } | ||
| } | ||
| @media (max-width: 480px) { | ||
| p { | ||
| font-size: 1.2em; | ||
| } | ||
| .logo-text { | ||
| font-size: 4em; | ||
| } | ||
| .logo { | ||
| max-width: 10em; | ||
| max-height: 10em; | ||
| } | ||
| .btn img { | ||
| width: 40px; | ||
| height: 40px; | ||
| } | ||
| } | ||
|
|
||
| #animatedText { | ||
| font-family: 'Nunito', sans-serif; | ||
| font-size: 5em; | ||
| font-weight: bold; | ||
| display: inline-block; | ||
| white-space: nowrap; | ||
| overflow: hidden; | ||
| animation: typingFirst 2s steps(10) 0.5s forwards, typingSecond 1s steps(4) 3.5s forwards; | ||
| width: 0ch; | ||
| } | ||
|
|
||
| @keyframes typingFirst { | ||
| 0% { width: 0ch; } | ||
| 100% { width: 6ch; } /* Adjust the width based on the number of characters */ | ||
| } | ||
|
|
||
| @keyframes typingSecond { | ||
| 0% { width: 10ch; } | ||
| 100% { width: 14ch; } /* Adjust for total number of characters */ | ||
| } | ||
|
|
||
| </style> | ||
| <script> | ||
| document.addEventListener("DOMContentLoaded", function() { | ||
| var link = document.createElement('link'); | ||
| link.href = 'https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap'; | ||
| link.rel = 'stylesheet'; | ||
| link.type = 'text/css'; | ||
| document.head.appendChild(link); | ||
|
|
||
| link.onload = function() { | ||
| document.body.style.fontFamily = '"Nunito", Arial, sans-serif'; | ||
| }; | ||
| }); | ||
| </script> | ||
| </head> | ||
| <body> | ||
|
|
||
| <div class="container"> | ||
| <a href="https://github.com/libdebug/libdebug"> | ||
| <div class="logo"> | ||
| <img src="./images/libdebug_logo_overlayed.jpg" alt="libdebug" class="logo"> | ||
| </div> | ||
| </a> | ||
| <h1 class="libdebug-logo-text" id="animatedText">libdeb... ugh!</h1> | ||
| <div class="logo-container"> | ||
| <img src="images/libdebugh_logo.webp" alt="libdebug logo" class="logo"> | ||
| <div class="logo-text"><span>l</span><span>i</span><span>b</span><span>d</span><span>e</span><span>b</span><span>...ugh!</span><span></span></div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="bottom-container"> | ||
| <div class="btn-container"> | ||
| <a href="https://github.com/libdebug/libdebug" class="btn"> | ||
| <img src="images/github-mark.webp" alt="GitHub Repository"> | ||
| </a> | ||
| <a href="https://docs.libdebug.org" class="btn"> | ||
| <img src="images/docs-logo-dark.webp" alt="libdebug Documentation"> | ||
| </a> | ||
| <a href="https://pypi.org/project/libdebug/" class="btn"> | ||
| <img src="images/pypi.webp" alt="PyPI Website"> | ||
| </a> | ||
| </div> | ||
|
|
||
| <p> | ||
| A Python library to debug binary executables, your own way. | ||
| A Python library to debug binary executables, GROSS! | ||
| </p> | ||
| <!-- icons --> | ||
| <div class="icons-container"> | ||
| <a href="https://github.com/libdebug/libdebug" target="_blank"><img src="./images/github-mark/github-mark.png" alt="GitHub" class="icon"></a> | ||
| <a href="https://docs.libdebug.org/" target="_blank"><img src="./images/logo-dark.png" alt="Docs" class="icon"></a> | ||
| <a href="https://pypi.org/project/libdebug/" target="_blank"><img src="./images/pypi.png" alt="PyPI" class="icon"></a> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> | ||
| <script> | ||
| document.addEventListener("DOMContentLoaded", function() { | ||
| const logoTextSpans = document.querySelectorAll('.logo-text span'); | ||
| let index = 0; | ||
|
|
||
| const interval = setInterval(() => { | ||
| if (index < logoTextSpans.length) { | ||
| logoTextSpans[index].classList.add('visible'); | ||
| index++; | ||
| } else { | ||
| clearInterval(interval); | ||
| } | ||
| }, 500); // Adjust the interval time as needed | ||
| }); | ||
| </script> | ||
| </html> | ||