From a4d3966ce2c4be2fafd3cc0f92aeda07b608bd8b Mon Sep 17 00:00:00 2001 From: Matthew Lemon Date: Sun, 1 Dec 2024 17:42:16 +0000 Subject: Adds some nice images and tidies up funnel page --- alphabetlearning/static/css/project.css | 12 +++++++++++- .../static/images/funnel1_initial_sounds.png | Bin 0 -> 217215 bytes alphabetlearning/static/images/funnel2_handwriting.png | Bin 0 -> 165697 bytes .../static/images/funnel2_picture_match_words.png | Bin 0 -> 183819 bytes alphabetlearning/static/images/funnel3_handwriting.png | Bin 0 -> 165698 bytes alphabetlearning/static/images/funnel3_ug_words.png | Bin 0 -> 88850 bytes .../static/images/funnel4_order_numbers.png | Bin 0 -> 113791 bytes alphabetlearning/static/images/funnel5_ug_words.png | Bin 0 -> 88849 bytes .../static/images/funnel6_2D_shape_match.png | Bin 0 -> 172823 bytes 9 files changed, 11 insertions(+), 1 deletion(-) create mode 100644 alphabetlearning/static/images/funnel1_initial_sounds.png create mode 100644 alphabetlearning/static/images/funnel2_handwriting.png create mode 100644 alphabetlearning/static/images/funnel2_picture_match_words.png create mode 100644 alphabetlearning/static/images/funnel3_handwriting.png create mode 100644 alphabetlearning/static/images/funnel3_ug_words.png create mode 100644 alphabetlearning/static/images/funnel4_order_numbers.png create mode 100644 alphabetlearning/static/images/funnel5_ug_words.png create mode 100644 alphabetlearning/static/images/funnel6_2D_shape_match.png (limited to 'alphabetlearning/static') diff --git a/alphabetlearning/static/css/project.css b/alphabetlearning/static/css/project.css index 29a4e18..d475b2a 100644 --- a/alphabetlearning/static/css/project.css +++ b/alphabetlearning/static/css/project.css @@ -86,8 +86,9 @@ p, label, button { .custom-text { font-family: 'Roboto', sans-serif; + font-size: 1.1rem; font-weight: 400; - line-height: 1.5; + line-height: 1.7; color: #212529; } @@ -104,6 +105,15 @@ p, label, button { border-color: #eed3d7; } +.rotated-image { + transform: rotate(0deg); /* Existing rotation */ + filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.3)); /* Existing drop-shadow */ + transition: transform 0.3s ease; /* Smooth transition for the hover effect */ +} + +.rotated-image:hover { + transform: rotate(3deg) translateY(-5px); /* Move the image up slightly on hover */ +} /*@font-face {*/ /* font-family: 'Franklin';*/ diff --git a/alphabetlearning/static/images/funnel1_initial_sounds.png b/alphabetlearning/static/images/funnel1_initial_sounds.png new file mode 100644 index 0000000..7942396 Binary files /dev/null and b/alphabetlearning/static/images/funnel1_initial_sounds.png differ diff --git a/alphabetlearning/static/images/funnel2_handwriting.png b/alphabetlearning/static/images/funnel2_handwriting.png new file mode 100644 index 0000000..d6be0ec Binary files /dev/null and b/alphabetlearning/static/images/funnel2_handwriting.png differ diff --git a/alphabetlearning/static/images/funnel2_picture_match_words.png b/alphabetlearning/static/images/funnel2_picture_match_words.png new file mode 100644 index 0000000..807dbfb Binary files /dev/null and b/alphabetlearning/static/images/funnel2_picture_match_words.png differ diff --git a/alphabetlearning/static/images/funnel3_handwriting.png b/alphabetlearning/static/images/funnel3_handwriting.png new file mode 100644 index 0000000..d063b47 Binary files /dev/null and b/alphabetlearning/static/images/funnel3_handwriting.png differ diff --git a/alphabetlearning/static/images/funnel3_ug_words.png b/alphabetlearning/static/images/funnel3_ug_words.png new file mode 100644 index 0000000..e922ea4 Binary files /dev/null and b/alphabetlearning/static/images/funnel3_ug_words.png differ diff --git a/alphabetlearning/static/images/funnel4_order_numbers.png b/alphabetlearning/static/images/funnel4_order_numbers.png new file mode 100644 index 0000000..817cbe6 Binary files /dev/null and b/alphabetlearning/static/images/funnel4_order_numbers.png differ diff --git a/alphabetlearning/static/images/funnel5_ug_words.png b/alphabetlearning/static/images/funnel5_ug_words.png new file mode 100644 index 0000000..2dcb508 Binary files /dev/null and b/alphabetlearning/static/images/funnel5_ug_words.png differ diff --git a/alphabetlearning/static/images/funnel6_2D_shape_match.png b/alphabetlearning/static/images/funnel6_2D_shape_match.png new file mode 100644 index 0000000..53f2de1 Binary files /dev/null and b/alphabetlearning/static/images/funnel6_2D_shape_match.png differ -- cgit v1.2.3