Skip to content

Commit

Permalink
complete no qa
Browse files Browse the repository at this point in the history
  • Loading branch information
ORIGIN INVESTMENTS authored and ORIGIN INVESTMENTS committed Mar 31, 2024
1 parent 0d57ae5 commit c1b285e
Show file tree
Hide file tree
Showing 37 changed files with 840 additions and 148 deletions.
17 changes: 13 additions & 4 deletions src/_includes/base.njk
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,25 +6,34 @@
<title>{{ title }}</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;1,200;1,300;1,400;1,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&display=swap" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css">
<link rel="stylesheet" href="{{ '/css/style.css' | url }}" />
</head>
<body>
<header>
<div class="container-fluid">
<div class="site-title"><a href="{{ '/' | url }}"><img src="{{ '/img/pose-logo.svg' | url }}"/></a></div>
<div class="site-title"><a href="{{ '/' | url }}"><img src="{{ '/img/logo.png' | url }}"/></a></div>
<button class="menu-toggle">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</button>
<nav>
<li><a href="#news">News</a></li>
<li><a href="#home">Home</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#people">Poeple</a></li>
<li><a href="#training-material">Training Material</a></li>
<li><a href="#success-stories">Success Stories</a></li>
</nav>
</div>
</header>
<main>
{{ content | safe }}
</main>
<footer>
<div class="container text-center">© <span class="current-year"></span> Pose Phase II</div>
<script src="{{ '/js/index.js' | url }}"></script>
</body>
</html>
33 changes: 33 additions & 0 deletions src/_includes/eventCard.njk
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<div class="card event-card">

<div class="event-time">{{event.data.time}}</div>

<div class="event-info">
<div>

<div class="location-address">
<img class="icon" src="{{'/img/icon-location.svg' | url}}" width="16" height="16"/>
<div>
<div class="location">{{event.data.location}}</div>
{% if event.data.address %}
<a class="address" href="{{event.data.locationLink | url}}">{{ event.data.address }}</a>
{% endif %}
</div>
</div>

<div class="event-details">{{event.data.details}}</div>

{% if event.data.link %}
<div class="event-link">
<a href="{{event.data.link | url}}" target="_blank">
<img src="{{'/img/icon-external-link.svg' | url}}" width="16"/>
<span>Event Details</span>
</a>
</div>
{% else %}
<div class="event-no-link">Details Coming Soon</div>
{% endif %}
</div>
</div>

</div>
58 changes: 19 additions & 39 deletions src/css/_components.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,43 +17,23 @@
}
}

.splide-image-content{
.splide__slide{
position: relative;
.splide-content{
position:absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10;
display: flex;
align-items: center;
*{
color: white;
}
.splide-content-container{
width:1120px;
margin:30px auto 50px;
padding:0 $container_padding;
& > *{
max-width:680px;
}
}
.btn{
margin-top:20px;
}
}
&.slide-center{
.splide-content-container{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
*{
text-align: center;
}
}
}
.content-blocks{
.content-block{
margin:3rem 0;
}
@media(min-width:768px){
display: flex;
flex-wrap: wrap;
margin:3rem 0;
.content-block{
width:50%;
margin:1rem 0;
&:nth-child(odd){
padding-right:2rem;
}
&:nth-child(even){
padding-left:2rem;
}
}
}
}
}
92 changes: 74 additions & 18 deletions src/css/_elements.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,20 +2,33 @@
box-sizing: border-box;
}

html{
scroll-behavior: smooth;
}

body {
font-family: $font_main;
background-color: #f9f9f9;
background-color: white;
color: $dark;
font-size: 16px;
margin:0;
overflow-x: hidden;
font-weight: 300;
font-weight: 400;
-webkit-font-smoothing: antialiased;
scroll-behavior: smooth;
}

p{
font-size: 1rem;
line-height: 1.6;
margin: 0 0 28px;
margin: 0 0 24px;
@media(max-width:767px){
font-size: 0.875rem;
}
}

strong{
font-weight: 700;
}

a{
Expand All @@ -26,45 +39,88 @@ a{
}
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
margin:0 0 24px;
hr{
border: 0;
border-bottom:3px solid $light;
margin:4rem 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display{
margin:0 0 18px;
a{
text-decoration: none;
}
}

.display{
font-size:2.75rem;
@media(max-width:767px){
font-size: 2.25rem;
}
}

h1, .h1 {
font-size: 3rem;
font-weight: 200;
line-height: 1.3;
font-size: 2.5rem;
@media(max-width:767px){
font-size: 1.875rem;
}
}

h2, .h2{
font-size: 2.5rem;
font-weight: 200;
line-height: 1.35;
font-size: 2.25rem;
@media(max-width:767px){
font-size: 1.625rem;
}
}

h3, .h3{
font-size: 2rem;
font-weight: 200;
line-height: 1.4;
@media(max-width:767px){
font-size: 1.5rem;
}
}

h4, .h4{
font-size: 1.5rem;
font-weight: 300;
line-height: 1.4;
@media(max-width:767px){
font-size: 1.25rem;
}
}

h5, .h5{
font-size: 1.25rem;
font-weight: 300;
line-height: 1.45;
@media(max-width:767px){
font-size: 1.125rem;
}
}

h6, .h6{
font-size: 1.125rem;
@media(max-width:767px){
font-size: 1rem;
}
}

.font-light{
font-weight: 300;
line-height: 1.45;
}

.font-normal{
font-weight: 400;
}

.font-bold{
font-weight: 600;
}

.leading-tight{
line-height: 1.25;
}

.leading-snug{
line-height: 1.375;
}

.leading-normal{
line-height: 1.5;
}
Loading

0 comments on commit c1b285e

Please sign in to comment.