Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Color variables #2

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Color variables #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
68a6afa
adds variables
victorldleon Nov 21, 2023
4a5101e
updates colors
victorldleon Nov 21, 2023
c901c28
highlight colors
victorldleon Nov 21, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions _includes/cover.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
/>
</div>
<div class="col-right">
<h4 class="date" style="color: #19f5ff">
<h4 class="date" style="color: $highlight-color">
CODE BEAM AMERICA RETURNS MARCH 2024!<br />
<span style="color: #fff; font-size: 22px">CONF MARCH 7-8 | TUTORIALS MARCH 6</span><br />
<span style="color: #fff; font-size: 18px">Marines Memorial Club & Hotel, San Francisco, CA.</span>
Expand All @@ -27,13 +27,13 @@ <h4 class="date" style="color: #19f5ff">
<a href="https://youtu.be/Bzdta6dujBM" target=”_blank”>-> Good behaviour: Cultivating Healthy Elixir Teams & Codebases | Meryl Dakin</a>

</p>
<p style="color: #e32dfd;">
<p style="color: $primary-color;">
If you don't want to miss the cheapest tickets sign up for:
</p>
<a class="page-scroll btn-outline mb-3 btn-purple" href="#newsletter">WAITING LIST</a>
-->
<h4 class="call-for-talks" style="color: #fff; font-size: 22px">
<span style="color: #e32dfd;">
<span style="color: $primary-color;">
2 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
2 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
30+ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Expand All @@ -51,7 +51,7 @@ <h4 class="call-for-talks" style="color: #fff; font-size: 22px">
</div>
<!-- <div class="cover-bottom">
<h4 class="call-for-talks" style="color: #fff; font-size: 22px">
<span style="color: #e32dfd;">WAITING LIST</span>
<span style="color: $primary-color;">WAITING LIST</span>
<br>
SIGN UP FOR CHEAPEST TICKETS
</h4>
Expand Down
2 changes: 1 addition & 1 deletion _includes/venue.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ <h2 class="title">VENUE & ACCOMMODATION</h2>
San Francisco, CA 94102<br>
United States<br>
(800) 5-MARINE or 562-7463<br><br>
<strong><a href="https://marinesmemorial.org" style="color: #e32dfd" target="_blank">VENUE DETAILS</a><br></p>
<strong><a href="https://marinesmemorial.org" style="color: $primary-color" target="_blank">VENUE DETAILS</a><br></p>
<h2 class="venue-subtitle">ACCOMMODATION</h2>
<p class="venue-text">
THERE ARE 4 WAYS TO RESERVE ROOMS using the code CODE BEAM 2024:<br>
Expand Down
5 changes: 5 additions & 0 deletions _sass/_variables.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
$primary-color: #e22bfc;
$secondary-color: #0074a9;
$secondary-hover-color: #01496a;
$highlight-color: #19f5ff;
$dark: #000101;
14 changes: 7 additions & 7 deletions _sass/banners.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
.banner-1
align-items: center
background-color: #e22bfc
background-color: $primary-color
display: flex
justify-content: center
padding: 2.8em 5em
Expand All @@ -19,7 +19,7 @@
text-align: center
.banner-2
align-items: center
background-color: #0074a9
background-color: $secondary-color
display: flex
justify-content: center
padding: 2.8em 5em
Expand All @@ -31,14 +31,14 @@
letter-spacing: .1em
margin-right: 2em
strong
color: #e32dfd
color: $primary-color
@media only screen and (max-width: 1112px)
font-size: 1.3em
margin: 0 0 1em 0
text-align: center
.banner-3
align-items: center
background-color: #e32dfd
background-color: $primary-color
display: flex
justify-content: center
padding: 2.8em 5em
Expand All @@ -50,14 +50,14 @@
letter-spacing: .1em
margin-right: 2em
strong
color: #e32dfd
color: $primary-color
@media only screen and (max-width: 1112px)
font-size: 1.3em
margin: 0 0 1em 0
text-align: center
.banner-4
align-items: center
background-color: #0074a9
background-color: $secondary-color
display: flex
justify-content: center
padding: 2.8em 5em
Expand All @@ -69,7 +69,7 @@
letter-spacing: .1em
margin-right: 2em
strong
color: #e32dfd
color: $primary-color
@media only screen and (max-width: 1112px)
font-size: 1.3em
margin: 0 0 1em 0
Expand Down
2 changes: 1 addition & 1 deletion _sass/contact.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,4 @@
.section-text
color: #fff
hr
background: linear-gradient(to right, #ffffff 50%, #e32dfd 50%)
background: linear-gradient(to right, #ffffff 50%, $primary-color 50%)
4 changes: 2 additions & 2 deletions _sass/cover.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
align-items: space-between
background-size: cover
background-repeat: no-repeat
background-color: #000101
background-color: $dark
color: #fff
display: flex
height: auto
Expand Down Expand Up @@ -38,7 +38,7 @@
@media only screen and (max-width: 634px)
padding: 2em 2em 0 2em
.date
color: #e32dfd
color: $highlight-color
font-size: 1.8em
font-weight: 300
letter-spacing: .1em
Expand Down
4 changes: 2 additions & 2 deletions _sass/footer.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
.footer
align-items: center
background-color: #000101
background-color: $dark
color: #848484
display: flex
flex-flow: column
Expand Down Expand Up @@ -30,4 +30,4 @@
p
color: #848484
strong
color: #e32dfd
color: $primary-color
28 changes: 14 additions & 14 deletions _sass/main.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -108,8 +108,8 @@ a
margin: 0 1em
.active
a
color: #e32dfd
border-bottom: solid .1em #e32dfd
color: $primary-color
border-bottom: solid .1em $primary-color
@media only screen and (max-width: 1112px)
border: none
color: #5e5e5e
Expand Down Expand Up @@ -150,7 +150,7 @@ a
z-index: 1

.navbar-shrink
background: #000101
background: $dark

.section
height: 35em
Expand Down Expand Up @@ -182,16 +182,16 @@ a
color: #2f5677

.btn-orange
border: solid .1em #e22bfc
color: #e22bfc
border: solid .1em $primary-color
color: $primary-color
&:hover
background-color: #e22bfc
background-color: $primary-color
color: #fff

.btn-orange-hover-white
&:hover
background-color: #ffffff
color: #e32dfd
color: $primary-color

.btn-grey
&:hover
Expand Down Expand Up @@ -219,7 +219,7 @@ a

.section
align-items: center
background-color: #000101
background-color: $dark
display: flex
flex-wrap: wrap
height: auto
Expand All @@ -245,7 +245,7 @@ a
width: 100%
hr
border: none
background: linear-gradient(to right, #0074a9 50%, #e32dfd 50%)
background: linear-gradient(to right, $secondary-color 50%, $primary-color 50%)
display: block
height: .3em
margin-top: 2em
Expand Down Expand Up @@ -306,7 +306,7 @@ a
width: 100%
.item
align-items: flex-start
background-color: #000101
background-color: $dark
border-radius: .5em
color: #fff
display: flex
Expand Down Expand Up @@ -345,14 +345,14 @@ a
text-align: left
margin: 0 1em 1em 1.45em
.item-training
color: #0074a9
color: $secondary-color
font-family: 'Montserrat', sans-serif !important
font-size: 1.2em
font-weight: 500
line-height: 1.45em !important
margin: 0 1em 1em 1em
&:hover
color: #372140
color: $secondary-hover-color
&:hover
box-shadow: 0 2px 6px rgba(0,0,0,.2)
.img
Expand Down Expand Up @@ -383,11 +383,11 @@ a
align-items: center

.newsletter
background-color: #0074a9
background-color: $secondary-color
.title, .section-text
color: #fff
hr
background: linear-gradient(to right, #ffffff 50%, #e32dfd 50%)
background: linear-gradient(to right, #ffffff 50%, $primary-color 50%)
iframe
margin: 0 auto

Expand Down
18 changes: 9 additions & 9 deletions _sass/speaker.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

.navbar-speaker
background: #000101
background: $dark
.nav
width: 80%
.speaker-content
Expand Down Expand Up @@ -44,7 +44,7 @@
padding: 1em
width: 100%
.speaker-name
color: #e32dfd
color: $primary-color
font-size: 1.2em
line-height: 1.45em !important
margin: 1em 1em .8em 1em
Expand All @@ -58,7 +58,7 @@
margin: 0 1em 1em 1.45em
.speaker-social
a
color: #e32dfd
color: $primary-color
font-size: 1.8em
.speaker-desc
color: #fff
Expand Down Expand Up @@ -111,7 +111,7 @@
font-family: "Karla", Arial, sans-serif
font-weight: bold !important
a
color: #e32dfd
color: $primary-color
img
height: auto
width: auto
Expand Down Expand Up @@ -143,15 +143,15 @@
@media only screen and (max-width: 1112px)
width: 100%
.training-title
color: #e32dfd
color: $primary-color
font-size: 2em
font-weight: 600
letter-spacing: .1em
text-align: center
text-transform: uppercase
width: 100%
.speaker-training
color: #e32dfd
color: $primary-color
display: flex
flex-flow: row
font-family: 'Montserrat', sans-serif !important
Expand All @@ -166,11 +166,11 @@
flex-flow: column
width: 100%
a
color: #e32dfd
color: $primary-color
margin-left: .5em
text-decoration: underline
.speaker-talk
color: #e32dfd
color: $primary-color
display: flex
flex-flow: row
font-family: 'Montserrat', sans-serif !important
Expand All @@ -188,6 +188,6 @@
font-weight: 600
margin-right: .4em
a
color: #e32dfd
color: $primary-color
margin-left: .5em
text-decoration: underline
2 changes: 1 addition & 1 deletion _sass/speakers.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,2 +1,2 @@
.speakers
background-color: #000101
background-color: $dark
12 changes: 6 additions & 6 deletions _sass/training.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
.training
background-color: #000101
background-color: $dark
overflow-x: hidden
.table-container
display: flex
Expand All @@ -17,7 +17,7 @@
flex-wrap: wrap
// min-width: 759px
&:nth-child(odd)
background-color: #e32dfd
background-color: $primary-color
&:nth-child(even)
background-color: #e86b9d
.item-col
Expand Down Expand Up @@ -57,7 +57,7 @@
@media only screen and (max-width: 1112px)
font-size: 1.2em
.item-trainer
color: #e32dfd
color: $primary-color
font-style: italic
font-weight: 500
font-size: 1.1em
Expand Down Expand Up @@ -90,7 +90,7 @@
flex-flow: column
padding: 1em
.training-name
color: #e32dfd
color: $primary-color
display: flex
font-size: 1.6em
flex-wrap: wrap
Expand All @@ -105,7 +105,7 @@
color: #eaebea
text-decoration: underline
strong
color: #e32dfd
color: $primary-color
font-family: 'Montserrat', sans-serif !important
font-size: 1.2em
font-weight: 600
Expand Down Expand Up @@ -158,7 +158,7 @@
font-family: "Karla", Arial, sans-serif
font-weight: bold !important
a
color: #e32dfd
color: $primary-color
img
height: auto
width: auto
Expand Down
Loading
Loading