forgot to push at school aha

postit/static/contents

@@ -1 +1 @@
-Subproject commit 128c32bee02212dfc44f41c6465fe58c6c683bf6
+Subproject commit 58f577c9d02a4df06c5d78c81cc74e12471006be

postit/static/css/contents.css

@@ -1,22 +1,27 @@
 /* MIRI THE LEADER */
 
-.miri-the-leader.leader-card {
+.the-leader.leader-card {
 	display: inline-block;
 	font-size: 18px;
 	padding: 5mm;
 }
 
-.miri-the-leader .card {
+.the-leader .card {
 	text-align: center;
 }
 
-.miri-the-leader .quote {
+.the-leader .quote {
 	font-size: 24px;
 	margin: 32px 0;
 	font-style: italic;
 }
 
-.miri-the-leader dl {
+.the-leader .leader {
+	font-size: 14px;
+	font-style:normal;
+}
+
+.the-leader dl {
 	position: absolute;
 	bottom: 4mm;
 	width: 100%;
@@ -25,20 +30,43 @@
 	margin: 0;
 }
 
-.miri-the-leader dt {
+.the-leader dt {
 	float: left;
 	width: 75%;
 	padding: 0;
 	margin: 0;
 }
 
-.miri-the-leader dd {
+.the-leader dd {
 	float: left;
 	width: 25%;
 	padding: 0;
 	margin: 0;
 }
 
+.the-leader .row-bg {
+	position: relative;
+	
+
+}
+
+.the-leader .row-bg > span {
+	position: relative;
+	z-index: 10;
+}
+
+.the-leader .row-bg:after{
+	content: '';
+	position: absolute;
+	z-index: 0;
+	left: 0;
+	top:0;
+	width:100%;
+	height:100%;
+	opacity: 0.3;
+	background-color: var(--background);
+}
+
 .connect-less .description {
 	font-size: 24px;
 }
@@ -47,15 +75,11 @@
 	display: none;
 }
 
-/* .crosswords {
-	display: inline-block;
-} */
+
 
 .crosswords .category {
-	font-size: 14px;
-	margin: 4mm;
 	position: absolute;
-	top: calc(4mm - 1em);
+	top: 4mm;
 }
 
 .crosswords .description {

postit/static/css/postit.css

@@ -8,27 +8,12 @@
 :root {
 	--color: var(--purple);
 	--background: var(--purple-bg);
-	--bar-opacity: var(--purple-opacity);
 
-	/* --color: var(--orange);
-	--background: var(--orange-bg);
-	--bar-opacity: var(--orange-opacity);
+	--orange: #FF5416;
+	--orange-bg: #FFB58D;
+	--purple: #7D50FF;
+	--purple-bg: #CEC6FF;
 
-	--color: var(--orange2);
-	--background: var(--orange-bg2);
-	--bar-opacity: var(--orange-opacity2); */
-
-	--purple: #8f00ff;
-	--purple-bg: #e8cdfe;
-	--purple-opacity: 1;
-
-	--orange: #fc074f;
-	--orange-bg: #f95951;
-	--orange-opacity: 0.5;
-
-	--orange2: #ff5416;
-	--orange-bg2: #fca577;
-	--orange-opacity2: 1;
 }
 
 html,
@@ -136,7 +121,6 @@ a {
 	position: absolute;
 	top: 0;
 	left: 0;
-	opacity: 0.5;
 }
 
 @media screen {

postit/templates/postit-single.html

@@ -24,16 +24,17 @@
 			{%elif content['card']%}
 
 			<div class="card">{{content['card']}}</div>
-			<div class="quote">{{content['quote']}}</div>
+
+			<blockquote class="quote">{{content['quote']}} <span class="leader">The&nbsp;Leader</span></blockquote>
 			<dl>
-				<dt>Motivation</dt>
-				<dd>{{content['motivation']}}</dd>
+				<dt class="row-bg"><span>Motivation</span></dt>
+				<dd class="row-bg"><span>{{content['motivation']}}</span></dd>
 
 				<dt>Empathy</dt>
 				<dd>{{content['empathy']}}</dd>
 
-				<dt>Vision</dt>
-				<dd>{{content['vision']}}</dd>
+				<dt class="row-bg"><span>Vision</span></dt>
+				<dd class="row-bg"><span>{{content['vision']}}</span></dd>
 
 				<dt>Positivity</dt>
 				<dd>{{content['positivity']}}</dd>