From f134a3c3d5f456d1df266141cebe164a613b6788 Mon Sep 17 00:00:00 2001 From: Timothy Pidashev Date: Sat, 8 Jan 2022 17:49:48 -0800 Subject: [PATCH] begin work on assignments --- assignments.html | 28 +++++++++++++-- css/assignments.less | 35 +++++++++++++++++-- .../editor.js => python/assignments/1.1.html | 0 python/assignments/1.2.html | 0 python/assignments/1.3.html | 0 python/editor.js | 0 6 files changed, 58 insertions(+), 5 deletions(-) rename js/python/editor.js => python/assignments/1.1.html (100%) create mode 100644 python/assignments/1.2.html create mode 100644 python/assignments/1.3.html create mode 100644 python/editor.js diff --git a/assignments.html b/assignments.html index 4b1acce..ffcecae 100644 --- a/assignments.html +++ b/assignments.html @@ -11,9 +11,23 @@
-

Assignments

+

Lesson 1

- + + + +
+

Lesson 2

+
+ + + +
+

Lesson 3

+
+ + +
@@ -28,5 +42,15 @@ duration: 800 }); + \ No newline at end of file diff --git a/css/assignments.less b/css/assignments.less index 38593a4..b4c055a 100644 --- a/css/assignments.less +++ b/css/assignments.less @@ -51,7 +51,7 @@ background: linear-gradient(to bottom right, #333333 0%, #333333 100%); // width: 100%; // height: 400px; // margin-top: -200px; - overflow: hidden; + overflow: visible; &.form-success{ .container{ @@ -60,6 +60,30 @@ background: linear-gradient(to bottom right, #333333 0%, #333333 100%); } } } + + &.form-error{ + .container{ + .assignment{ + button{ + animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; + @keyframes shake { + 10%, 90% { + transform: translate3d(-1px, 0, 0); + } + 20%, 80% { + transform: translate3d(2px, 0, 0); + } + 30%, 50%, 70% { + transform: translate3d(-4px, 0, 0); + } + 40%, 60% { + transform: translate3d(4px, 0, 0); + } + } + } + } + } + } } .container{ @@ -100,9 +124,14 @@ background: linear-gradient(to bottom right, #333333 0%, #333333 100%); cursor: pointer; font-size: 18px; transition-duration: 0.25s; + margin-bottom: 20px; &:hover{ - background-color: rgb(245, 247, 249); + // add a shadow + box-shadow: 0px 5px 10px rgba(0,0,0,0.25); + + // change the background color + background: #53e3a6; } } -} +} \ No newline at end of file diff --git a/js/python/editor.js b/python/assignments/1.1.html similarity index 100% rename from js/python/editor.js rename to python/assignments/1.1.html diff --git a/python/assignments/1.2.html b/python/assignments/1.2.html new file mode 100644 index 0000000..e69de29 diff --git a/python/assignments/1.3.html b/python/assignments/1.3.html new file mode 100644 index 0000000..e69de29 diff --git a/python/editor.js b/python/editor.js new file mode 100644 index 0000000..e69de29