forgot to push at school aha

master
km0 2 years ago
parent 6668af3bb9
commit 79f3707cdc

File diff suppressed because one or more lines are too long

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

@ -1,22 +1,27 @@
/* MIRI THE LEADER */ /* MIRI THE LEADER */
.miri-the-leader.leader-card { .the-leader.leader-card {
display: inline-block; display: inline-block;
font-size: 18px; font-size: 18px;
padding: 5mm; padding: 5mm;
} }
.miri-the-leader .card { .the-leader .card {
text-align: center; text-align: center;
} }
.miri-the-leader .quote { .the-leader .quote {
font-size: 24px; font-size: 24px;
margin: 32px 0; margin: 32px 0;
font-style: italic; font-style: italic;
} }
.miri-the-leader dl { .the-leader .leader {
font-size: 14px;
font-style:normal;
}
.the-leader dl {
position: absolute; position: absolute;
bottom: 4mm; bottom: 4mm;
width: 100%; width: 100%;
@ -25,20 +30,43 @@
margin: 0; margin: 0;
} }
.miri-the-leader dt { .the-leader dt {
float: left; float: left;
width: 75%; width: 75%;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.miri-the-leader dd { .the-leader dd {
float: left; float: left;
width: 25%; width: 25%;
padding: 0; padding: 0;
margin: 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 { .connect-less .description {
font-size: 24px; font-size: 24px;
} }
@ -47,15 +75,11 @@
display: none; display: none;
} }
/* .crosswords {
display: inline-block;
} */
.crosswords .category { .crosswords .category {
font-size: 14px;
margin: 4mm;
position: absolute; position: absolute;
top: calc(4mm - 1em); top: 4mm;
} }
.crosswords .description { .crosswords .description {

@ -8,27 +8,12 @@
:root { :root {
--color: var(--purple); --color: var(--purple);
--background: var(--purple-bg); --background: var(--purple-bg);
--bar-opacity: var(--purple-opacity);
/* --color: var(--orange); --orange: #FF5416;
--background: var(--orange-bg); --orange-bg: #FFB58D;
--bar-opacity: var(--orange-opacity); --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, html,
@ -136,7 +121,6 @@ a {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
opacity: 0.5;
} }
@media screen { @media screen {

@ -24,16 +24,17 @@
{%elif content['card']%} {%elif content['card']%}
<div class="card">{{content['card']}}</div> <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> <dl>
<dt>Motivation</dt> <dt class="row-bg"><span>Motivation</span></dt>
<dd>{{content['motivation']}}</dd> <dd class="row-bg"><span>{{content['motivation']}}</span></dd>
<dt>Empathy</dt> <dt>Empathy</dt>
<dd>{{content['empathy']}}</dd> <dd>{{content['empathy']}}</dd>
<dt>Vision</dt> <dt class="row-bg"><span>Vision</span></dt>
<dd>{{content['vision']}}</dd> <dd class="row-bg"><span>{{content['vision']}}</span></dd>
<dt>Positivity</dt> <dt>Positivity</dt>
<dd>{{content['positivity']}}</dd> <dd>{{content['positivity']}}</dd>

Loading…
Cancel
Save