Skip to content

Commit ed03954

Browse files
BipinKalraBipinKalra
authored
Merge pull request #453 from BipinKalra/landing-page_main
Landing page main
2 parents 566f3a8 + d5ea2b7 commit ed03954

File tree

15 files changed

+883
-26
lines changed

15 files changed

+883
-26
lines changed

‎examples/views/coding-blocks/landing-page_main.hbs‎

Lines changed: 689 additions & 0 deletions
Large diffs are not rendered by default.

‎examples/views/index.hbs‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<div class="home-vh">
44
<div class="row no-gutters">
55
<div class="col-sm-3 pb-4 position-relative border-right" style="height: calc(100vh - 70px); overflow-y: scroll">
6-
<h2 class="position-sticky bg-white p-4">Views</h2>
6+
<h2 class="position-sticky bg-white p-4 tr">Views</h2>
77
<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="n-account-address.html">n-account-address</a></div>
88
<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="n-account-application.html">n-account-application</a></div>
99
<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="n-account-client.html">n-account-client</a></div>
@@ -23,6 +23,7 @@
2323
<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="code-editor.html">code-editor</a></div>
2424
<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="code-window.html">code-window</a></div>
2525
<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="buttons.html">buttons</a></div>
26+
<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="landing-page_main.html">landing-page_main</a></div>
2627
<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="competition-card.html">competition-card</a></div>
2728
<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="competition.html">competition</a></div>
2829
<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="course-card-new.html">course-card-new</a></div>

‎examples/views/layouts/default.hbs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<link href="stylesheets/account.css" rel="stylesheet">
88
<link href="stylesheets/hb.css" rel="stylesheet">
99
<link href="stylesheets/hiringblocks.css" rel="stylesheet">
10-
{{!-- <link href="stylesheets/coding-blocks.css" rel="stylesheet"> --}}
10+
<link href="stylesheets/coding-blocks.css" rel="stylesheet">
1111
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700,800" rel="stylesheet">
1212
<link href="https://minio.codingblocks.com/motley/Gilroy.ttf" rel="stylesheet">
1313
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">

‎file-list-gen.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ html = `
1919
<div class="home-vh">
2020
<div class="row no-gutters">
2121
<div class="col-sm-3 pb-4 position-relative border-right" style="height: calc(100vh - 70px); overflow-y: scroll">
22-
<h2 class="position-sticky bg-white p-4">Views</h2>
22+
<h2 class="position-sticky bg-white p-4 tr">Views</h2>
2323
${fileListViews}
2424
</div>
2525
<div class="col-sm-9 p-4">

‎sass/styles/applications/coding-blocks/_application.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,5 @@
33
@import "heading.scss";
44
@import "font.scss";
55
@import "color.scss";
6+
@import "landing-page.scss";
67
}

‎sass/styles/applications/coding-blocks/_components.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
@import "components/option-div.scss";

‎sass/styles/applications/coding-blocks/buttons.scss‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@
33
padding: 1rem 2rem;
44
color: $white;
55
border-radius: 5px;
6+
display: inline-flex;
7+
align-items: center;
68
}
79

810
.button-primary {
@@ -67,6 +69,8 @@
6769
color: $orange-dark-1;
6870
font-size: $font-sm;
6971
transition: color 0.25s;
72+
display: inline-flex;
73+
align-items: center;
7074

7175
&:hover {
7276
color: $red;

‎sass/styles/applications/coding-blocks/components/option-div.scss‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
.option-div {
2+
cursor: pointer;
3+
padding: 1.5rem;
4+
color: $white;
5+
position: relative;
6+
border-radius: 5px;
7+
border: 1px solid $grey-dark-2;
8+
background: $grey-dark-2;
9+
10+
&__icon {
11+
display: none;
12+
}
13+
14+
&:hover {
15+
border: solid 1px $orange;
16+
}
17+
18+
&.selected {
19+
border: solid 1px $orange;
20+
}
21+
22+
&.selected > &__icon {
23+
display: inline-block;
24+
}
25+
26+
&--rect {
27+
display: flex;
28+
justify-content: space-between;
29+
align-items: center;
30+
}
31+
32+
&--square > &__icon {
33+
position: absolute;
34+
top: 1.5rem;
35+
right: 1.5rem;
36+
}
37+
38+
&--square {
39+
display: flex;
40+
flex-direction: column;
41+
justify-content: space-between;
42+
align-items: center;
43+
}
44+
}

‎sass/styles/applications/coding-blocks/font.scss‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,8 @@
22
.#{$type} {
33
font-size: $size !important;
44
}
5+
}
6+
7+
.extra-bold {
8+
font-weight: 900 !important;
59
}

‎sass/styles/applications/coding-blocks/landing-page.scss‎

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
.landing-page {
2+
color: $white;
3+
4+
.heading-font {
5+
font-size: 4.142rem;
6+
font-weight: $extra-bold;
7+
}
8+
9+
.my-50 {
10+
margin-top: 3.57rem;
11+
margin-bottom: 3.57rem;
12+
}
13+
14+
&__section {
15+
padding: 7.142rem;
16+
17+
&:nth-child(2n-1) {
18+
background: $grey-dark-2;
19+
}
20+
21+
&:nth-child(2n) {
22+
background: $black;
23+
}
24+
25+
&--divided-section {
26+
&__left-section,
27+
&__right-section {
28+
height: inherit;
29+
display: flex;
30+
flex-direction: column;
31+
justify-content: space-between;
32+
}
33+
34+
&__left-section {
35+
border-right: 1px solid $grey;
36+
padding-right: 3.57rem;
37+
}
38+
39+
&__right-section {
40+
padding-left: 7.142rem;
41+
}
42+
}
43+
}
44+
45+
.side-tag {
46+
&::after {
47+
background: $orange;
48+
left: calc(-3rem + 1px);
49+
}
50+
}
51+
52+
.success-story {
53+
&__image {
54+
height: 250px;
55+
width: 250px;
56+
border-radius: 50%;
57+
margin-right: 6rem;
58+
}
59+
}
60+
}

0 commit comments

Comments
 (0)