Skip to content

Commit

Permalink
github page fix and minor updates
Browse files Browse the repository at this point in the history
CyberSphinxxx committed Sep 14, 2024
1 parent c5cc600 commit 66172b0
Showing 3 changed files with 108 additions and 109 deletions.
111 changes: 108 additions & 3 deletions How_To_Use_Folder/how_to_use.html
Original file line number Diff line number Diff line change
@@ -4,8 +4,113 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>How to Use</title>
<link rel="stylesheet" href="How_To_Use_Folder/how_to_use_styles.css">
<link href="https://fonts.googleapis.com/css2?family=Fira+Code&family=Poppins:wght@300;500&display=swap" rel="stylesheet">

<style>
body {
font-family: 'Poppins', sans-serif;
background-color: #2b2b2b;
color: #cdd6f4;
margin: 0;
padding: 0;
}

header {
width: 100%;
background-color: #1e1e2e;
padding: 20px 0;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
margin-bottom: 30px;
}

.header-content {
width: 90%;
max-width: 1200px;
display: flex;
justify-content: space-between;
align-items: center;
}

header h1 {
color: #89b4fa;
margin: 0;
font-size: 32px;
text-transform: uppercase;
letter-spacing: 1px;
}

nav {
display: flex;
gap: 15px;
}

.back-btn {
background-color: #89b4fa;
color: #1e1e2e;
border: none;
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
font-size: 16px;
font-weight: bold;
transition: background-color 0.3s ease;
}

.back-btn:hover {
background-color: #b4befe;
}

main {
width: 90%;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 30px;
}

h1 {
color: #89b4fa;
font-size: 24px;
margin-bottom: 15px;
}

p {
font-size: 16px;
line-height: 24px;
margin-bottom: 20px;
}

ol, ul {
background-color: #1e1e2e;
padding: 20px;
border-radius: 10px;
}

li {
margin-bottom: 15px;
font-size: 17px;
line-height: 24px;
margin-left: 15px;
}

.container {
padding: 20px;
background-color: #313244;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
transition: transform 0.2s;
}

.container:hover {
transform: translateY(-5px);
background-color: #42446a;
}
</style>

</head>

<body>
@@ -36,12 +141,12 @@ <h1>Getting Started</h1>
<h1>Creator Notes</h1>
<p>These features will be added soon:</p>
<ul>
<li>Dark/Light Mode Toggle</li>
<li><s>Dark/Light Mode Toggle</s></li>
<li>Code Formatting Button</li>
<li>Save to Local Storage</li>
<li>Customizable Themes</li>
<li>Drag-and-Drop File Upload</li>
<li>Tutorial Integration</li>
<li>HTML, CSS, JavaScript, Tutorial</li>
</ul>
</section>
</main>
103 changes: 0 additions & 103 deletions How_To_Use_Folder/how_to_use_styles.css

This file was deleted.

3 changes: 0 additions & 3 deletions index.html
Original file line number Diff line number Diff line change
@@ -7,11 +7,9 @@
<link rel="stylesheet" href="styles.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ace.js"></script>
<link rel="icon" type="png" href="/images_Folder/icon.png">

</head>

<body>

<header>
<div class="header-content">
<h1>Interactive Code Editor</h1>
@@ -21,7 +19,6 @@ <h1>Interactive Code Editor</h1>
<a href="How_To_Use_Folder/how_to_use.html" class="how-to-use-btn">How to Use</a>
<a href="Code_Example_Folder/code_examples.html" class="how-to-use-btn">Code Examples</a>
<button id="darkModeToggle">🌙 Dark Mode</button>

</nav>
</div>
</header>

0 comments on commit 66172b0

Please sign in to comment.