Skip to content

Commit

Permalink
Website Design For Logicytics (#99)
Browse files Browse the repository at this point in the history 
This is the website designed for you

## Pull Request Template

### Prerequisites

<!-- Take a couple of minutes to help our maintainers work faster by
checking of the pre-requisites. -->

- [x] I have
[searched](https:/DefinetlyNotAI/Logicytics/pulls) for
duplicate or closed issues.
- [x] I have read the [contributing
guidelines](https:/DefinetlyNotAI/Logicytics/blob/main/CONTRIBUTING.md).
- [x] I have followed the instructions in the
[wiki](https:/DefinetlyNotAI/Logicytics/wiki) about
contributions.
- [x] I have updated the documentation accordingly, if required.
- [x] I have added tests to cover my changes, and they have passed, if
required.
- [ ] I have tested my code with the `--dev` flag, if required.

### PR Type

<!-- Take a couple of minutes to help our maintainers work faster by
telling us what is the PR guided on. -->

- [ ] Bug fix <!-- Non-Breaking Bug Fix - Usually relates to fixing an
issue -->
- [ ] New feature <!-- Non-Breaking Change that adds a new feature -->
- [ ] Refactoring <!-- Non-Breaking Change that modifies existing code
to refactor it to become more organised -->
- [x] Documentation
update <!-- Non-Breaking Change that modifies existing documentation to
refactor it or add extra comments - either wiki, md files or code is
included here -->
- [ ] ⚠️ Breaking change ⚠️ <!-- ⚠️ Breaking Bug Fix / New Addition that
changes how Logicytics works ⚠️-->

### Description

A Aesthetic, Clean and Minimalistic Website Designed to Showcase what
the Logycytics is meant for

### Motivation and Context

To improve my Portofolio and increase my acceptance rate at
High end University

### Binaries

N/A

### Issues Fixed

N/A
  • Loading branch information
@DefinetlyNotAI
DefinetlyNotAI authored Sep 15, 2024
2 parents 34b7cc0 + 1ff33af commit b668f2b
Show file tree
Hide file tree
Showing 8 changed files with 787 additions and 0 deletions.
35 changes: 35 additions & 0 deletions Logicytics/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<!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">
<title>Logicytics - Forensic Analysis Tool</title>
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap" rel="stylesheet">
<!-- Add Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<!-- Main Content -->
<body>
<div class="hero">
<div class="content">
<h1 class="title">Logicytics</h1>
<p class="description">
Logicytics is a cutting-edge tool designed to meticulously harvest and collect a vast array of Windows system data for forensic analysis.
Crafted with Python 🐍, it's an actively developed project dedicated to gathering as much sensitive data as possible and packaging it neatly into a ZIP file 📦.
This comprehensive guide is here to equip you with everything you need to use Logicytics effectively.
</p>
<a href="install.html" class="install-link">
<i class="fas fa-download"></i> Learn How to Install Logicytics
</a>
<a href="https:/DefinetlyNotAI" target="_blank" class="github">
<i class="fab fa-github"></i> Check out my Github
</a>
<a href="wiki.html" class="wiki-button">Check My Wiki Out </a>
</div>
</div>
</body>
</html>
33 changes: 33 additions & 0 deletions Logicytics/install.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<!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">
<title>How to Install Logicytics</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="installation">
<h2>How to Install Logicytics</h2>
<p>To install and set up Logicytics, follow these steps:</p>
<ul>
<li><strong>Install Python:</strong> If you don't have Python installed, you can download it from the <a href="https://www.python.org/downloads/" target="_blank">official website</a>. Make sure to select the option to "Add Python to PATH" during installation.</li>
<li><strong>Install Dependencies:</strong> Logicytics requires Python modules. You can install all the required modules by running the following command in your terminal: <code>pip install -r requirements.txt</code></li>
<li><strong>Run Logicytics:</strong> To run Logicytics, simply run the following command in your terminal: <code>python Logicytics.py -h</code> - This opens a help menu.</li>
</ul>
<h3>Prerequisites</h3>
<ul>
<li><strong>Python:</strong> The project requires Python 3.8 or higher. You can download Python from the <a href="https://www.python.org/downloads/" target="_blank">official website</a>.</li>
<li><strong>Dependencies:</strong> Install the required Python modules with: <code>pip install -r requirements.txt</code>.</li>
<li><strong>Administrative Privileges:</strong> Run the program with admin privileges for certain features like registry modification.</li>
<li><strong>System Requirements:</strong> Tested on Windows 10 and 11. Not compatible with other OS.</li>
<li><strong>Command Line Knowledge:</strong> Basic understanding of command line options is recommended.</li>
</ul>
<h3>Step-by-Step Installation</h3>
<li> Learn the instalation Steps On my <a class="github" href="https:/DefinetlyNotAI/Logicytics?tab=readme-ov-file#%EF%B8%8F-installation-and-setup-%EF%B8%8F">Github</a></li>

<a href="index.html" class="install-link">Back to Home</a>
</div>
</body>
</html>
280 changes: 280 additions & 0 deletions Logicytics/styles.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,280 @@
/* General Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}

/* Hero Section */
.hero {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background: url('https://images.unsplash.com/photo-1564149508614-9453f0859d7e?fit=crop&w=1920&q=80') no-repeat center center/cover;
color: #fff;
text-align: center;
position: relative;
}

/* Overlay Effect */
.hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
}

/* Content Styling */
.content {
position: relative;
z-index: 2;
padding: 20px;
max-width: 800px;
}

/* Title Styling */
.title {
font-size: 60px;
margin-bottom: 20px;
font-weight: 600;
animation: fadeIn 2s ease-out;
}

/* Description Styling */
.description {
font-size: 20px;
line-height: 1.6;
font-weight: 300;
animation: fadeIn 3s ease-out;
}

/* Link Styling */
.install-link {
display: inline-block;
margin-top: 20px;
padding: 10px 20px;
background-color: #ff4757;
color: #fff;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s;
animation: fadeIn 3.5s ease-out;
}

.install-link:hover {
background-color: #ff6b81;
}

/*Github and Wiki Button Design for index page*/

.github {
display: inline-block;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 10px;
padding: 10px 20px;
background-color: black;
color: #fff;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s;
animation: fadeIn 3.5s ease-out;
}

.github:hover {
background-color: darkgray;
color: black;
}

.wiki-button{
display: inline-block;
margin-top: 20px;
padding: 10px 20px;
background-color: rgb(247, 245, 245);
color: #000000;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s;
animation: fadeIn 3.5s ease-out;
}

.wiki-button:hover {
background-color: blanchedalmond;
}

.install-link i, .github, .wiki.wiki.button i {
margin-right: 8px; /* Adjust spacing between icon and text */
font-size: 16px; /* Adjust icon size */
vertical-align: middle;
}

/* Fade In Animation */
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

/* Styles for Installation Page */
.installation {
padding: 40px;
max-width: 800px;
margin: auto;
text-align: left;
}

.installation h2 {
font-size: 36px;
margin-bottom: 20px;
}

.installation p, .installation ul {
font-size: 18px;
line-height: 1.6;
margin-bottom: 20px;
}

.installation ul {
padding-left: 20px;
}

.installation li {
margin-bottom: 10px;
}


/* About Page Styles */
.wiki-page {
padding: 40px;
max-width: 800px;
margin: auto;
text-align: left;
color: #333;
}

.wiki-page h1 {
font-size: 48px;
margin-bottom: 20px;
text-align: center;
}

.section {
margin-bottom: 40px;
}

.section h2 {
font-size: 32px;
margin-bottom: 10px;
}

.section p {
font-size: 18px;
line-height: 1.6;
}

/* Link styling to maintain consistency */
.install-link {
display: inline-block;
margin-top: 20px;
padding: 10px 20px;
background-color: #ff4757;
color: #fff;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s;
}

/* General container to hold sidebar and main content */
.container {
display: flex;
min-height: 100vh;
}

/* Sidebar Styles */
.sidebar {
width: 250px;
background-color: #333;
padding: 20px;
color: #fff;
position: fixed;
height: 100%;
}

.sidebar nav ul {
list-style: none;
padding: 0;
}

.sidebar nav ul li {
margin-bottom: 15px;
}

.sidebar nav ul li a {
color: #fff;
text-decoration: none;
font-size: 18px;
transition: color 0.3s;
}

.sidebar nav ul li a:hover {
color: #ff4757;
}

/* Main Content Styles */
.wiki {
margin-left: 270px; /* Adjust margin to fit sidebar */
padding: 40px;
max-width: 800px;
color: #333;
}

.wiki h1 {
font-size: 48px;
margin-bottom: 20px;
text-align: center;
}

.section {
margin-bottom: 40px;
}

.section h2 {
font-size: 32px;
margin-bottom: 10px;
}

.section p {
font-size: 18px;
line-height: 1.6;
}

/* Link styling */
.install-link {
display: inline-block;
margin-top: 20px;
padding: 10px 20px;
background-color: #ff4757;
color: #fff;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s;
}

.install-link:hover {
background-color: #ff6b81;
}

/*By Aban Mahmood Ahmed Github: https:/iamthgeawsomboi2099 */


Loading

0 comments on commit b668f2b

Please sign in to comment.