kristoferssolo/cipher-workshop
1
0
Fork 0
mirror of https://github.com/kristoferssolo/cipher-workshop.git synced 2026-03-22 00:26:19 +00:00
Code Issues Packages Projects Releases 1 Wiki Activity

feat(web): improve homepage

Browse Source
This commit is contained in:
Kristofers Solo
2025-11-26 18:25:42 +02:00
parent 898d5f7195
commit 024079af36
3 changed files with 147 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/pages/footer.rs
View File

@@ -7,10 +7,9 @@ pub fn Footer() -> impl IntoView {
<footer class="app-footer">
<div class="footer-content">
<p>
"🔒 " <strong>"Client-Side Security:"</strong>
" All encryption and decryption operations happen entirely in your browser. "
"No data is ever sent to a server. "
"You can verify this by disconnecting your internet."
<strong>"🔐 Privacy First:"</strong>
" All encryption and decryption happens in your browser. "
"No data is transmitted to any server. You can verify this by disconnecting your internet connection."
</p>
<div class="footer-links">
<A href="https://github.com/kristoferssolo/cipher-workshop" target="_blank">

40
web/src/pages/home.rs
View File

@@ -4,11 +4,41 @@ use leptos::prelude::*;
pub fn Home() -> impl IntoView {
view! {
<div class="home-container">
<h1>"Cipher Workshop"</h1>
<p>
"Hello there! Select an algorithm (AES or DES) from the navigation bar to begin
encrypting and decrypting data."
</p>
<div class="hero-section">
<h1>"Cipher Workshop"</h1>
<p class="subtitle">
"A client-side cryptographic playground for learning and testing symmetric algorithms."
</p>
</div>
<div class="info-grid">
<div class="info-card">
<h3>"DES (Data Encryption Standard)"</h3>
<p>
"A legacy algorithm from the 1970s. While historically significant, "
"it is now considered insecure due to its short 56-bit key length. "
"This tool simulates " <strong>"DES-ECB"</strong>
" mode for educational comparison."
</p>
</div>
<div class="info-card">
<h3>"AES (Advanced Encryption Standard)"</h3>
<p>
"The modern standard for secure data transmission. This tool uses "
<strong>"AES-128-GCM"</strong>
", which provides both confidentiality and data integrity. "
"It is widely used across the internet (HTTPS) and government communications."
</p>
</div>
</div>
<div class="getting-started">
<p>
"To get started, select an algorithm from the navigation bar above."
" You can generate output in Binary, Octal, Hex, or Text formats."
</p>
</div>
</div>
}
}