Added shadow.

2 files changed, 51 insertions, 2 deletions

diff --git a/static/css/aafu.css b/static/css/aafu.css
new file mode 100644
index 0000000..4a13273
--- /dev/null
+++ b/static/css/aafu.css
@@ -0,0 +1,47 @@
+html {
+  width: 100vw;
+}
+body {
+  font-family: "Lato", sans-serif;
+}
+h1,
+h2,
+h3 {
+  font-family: "Alegreya", serif;
+}
+.zoomlink {
+  font-size: 2em;
+}
+.zoomlink:hover {
+  font-size: 1.9em;
+  cursor: pointer;
+}
+.accordion {
+  cursor: pointer;
+  transition: 0.5s;
+}
+.panel {
+  max-height: 0;
+  transition: 0.3s ease-out;
+}
+.bg-black {
+  background-color: #252525;
+}
+.toggleSwitchContainer {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+}
+.middleCenter {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translateX(-50%) translateY(-50%);
+}
+.shadowsDark {
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}
+.shadowsLight {
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+    0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}
diff --git a/static/js/themes.js b/static/js/themes.js
index 768e4d7..8f7f729 100644
--- a/static/js/themes.js
+++ b/static/js/themes.js
@@ -3,7 +3,8 @@ var lightTheme = {
   skillBackground: "bg-primary",

   mainText: "text-dark",

   linkText: "text-primary",

-  toggleIcon: "fa-toggle-off"

+  toggleIcon: "fa-toggle-off",

+  shadow: "shadowsDark"

 };

 

 var darkTheme = {

@@ -11,7 +12,8 @@ var darkTheme = {
   skillBackground: "bg-warning",

   mainText: "text-white",

   linkText: "text-warning",

-  toggleIcon: "fa-toggle-on"

+  toggleIcon: "fa-toggle-on",

+  shadow: "shadowsLight"

 };

 

 var isDark = false;