Please sign in to access this page

Caesar Cipher Site

Caesar Cipher Site

3 devlogs
1h 43m
Created by cloudTwelve

This is a site that allows you to make a basic Caesar cipher and learn about cryptography in the process.

Timeline

Yup, it was a simple fix... I forgot to link the JS in the HTML, what a relief!
Anyways, I got the letters to (sorta) appear, which is good! I'm trying to make them scroll like on a cryptography wheel (seen in this video), just need to add the (transition) property.

Video that inspired this: https://www.youtube.com/watch?v=HIrDMR6CaHY&t=4s
If Dr. Seuss Made Programming Videos by Hyperplexed

I've added the input and the basic layout of the Caesar cipher-maker, but the JS doesn't want to work for the input (on change, nothing is outputted) or for the numbers (they won't change with arrow clicks).

I used Flexbox to center the items.

Update attachment

Made the basic outline of the website, including containers (needed for toppings) and some variables. I also chose a color palette:
--black: #1B2021;
--dark-gray: #30343F;
--green: #399E5A;
--white: #EDF4ED;
--pink-accent: #E54F6D;

Update attachment