Skip to content

Commit

Permalink
Version 1.0.0 Prepared
Browse files Browse the repository at this point in the history
  • Loading branch information
petrovicstefanrs committed Feb 20, 2019
1 parent f04180d commit 00d138e
Show file tree
Hide file tree
Showing 61 changed files with 1,946 additions and 1,333 deletions.
3 changes: 2 additions & 1 deletion .eslintrc.json
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,8 @@
"_": true,
"Promise": true,
"Primus": true,
"google": true
"google": true,
"chrome": true
},
"rules": {
"camelcase": "off",
Expand Down
40 changes: 6 additions & 34 deletions landing_page/css/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -7,43 +7,17 @@

/* Colors */

--color__white: #f0f0f7;
--color__white: #ffffff;
--color__white--dark: #b7b7cd;
--color__gray: #353740;
--color__gray--light: #5e5d66;
--color__gray--dark: #21212a;
--color__orange: #fe1605;
--color__orange--light: #fea04f;

--color__lang__js: #F0DB4E;
--color__lang__react: #009bb7;
--color__lang__python: linear-gradient(135deg, #56a9ec 0%,#56a9ec 50%,#ffe05d 50%,#ffe05d 100%);
--color__lang__interview: #5100ff;
--color__lang__php: #AEB2D5;
--color__lang__css: #2CAAE1;

--color__primary: var(--color__gray);
--color__secondary: var(--color__orange);
--color__secondary--light: var(--color__orange--light);

/* Body */

--bg__color: var(--color__gray--dark);
--drop-shadow__regular: 10px 0 37.6px 2.4px rgba(0, 0, 0, 0.3);
--drop-shadow__inverse: -10px 0 37.6px 2.4px rgba(0, 0, 0, 0.3);

/* Fonts */

--font__color--primary: var(--color__white);
--font__color--dark: var(--color__white--dark);
--font__color--black: var(--color__gray--dark);
--font__color--secondary: var(--color__orange);

--font__size--base: 12px;
--font__size--tiny: 8px;
--font__size--small: 10px;
--font__size--big: 16px;
--font__size--giant: 32px;
--drop-shadow__regular: 1px 1px 16px 1px rgba(0, 0, 0, 0.2);
}

/* Global */
Expand All @@ -59,10 +33,9 @@ body {
font-family: 'Roboto Mono', 'source-code-pro', 'Menlo', 'Monaco', 'Consolas', 'Courier New', monospace;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: var(--bg__color);
background-image: linear-gradient(-225deg, rgb(227, 253, 245, 0.5) 0%, rgb(255, 230, 250, 0.5) 100%);
font-weight: 500;
font-size: var(--font__size--base);
color: var(--font__color--primary);
font-size: 12px;
}

code {
Expand All @@ -71,7 +44,6 @@ code {

a {
text-decoration: none;
color: var(--font__color--primary);
}

h1 {
Expand All @@ -83,6 +55,6 @@ h3 {
}

strong {
font-weight: 700;
color: var(--color__orange--light);
font-weight: 900;
color: var(--color__orange);
}
198 changes: 79 additions & 119 deletions landing_page/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,6 @@
.sok-Header .sok-Header-logo {
width: 150px;
height: auto;
animation: var(--animation__slide_in--down);
}

/* Content */
Expand All @@ -28,165 +27,110 @@
width: 100%;
padding: 30px 0 40px;
display: flex;
flex-direction: column;
flex-direction: row;
justify-content: center;
align-items: center;
flex-grow: 1;
}

.sok-Content .sok-Content-tagline {
text-align: center;
font-size: var(--font__size--big);
}

/* Features */

.sok-Features {
max-width: 800px;
height: 100%;
width: 100%;
.sok-Content-left {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 30px 40px 40px;
}

.sok-Features-item {
width: 200px;
height: 200px;
margin: 10px;
text-align: center;
background: var(--color__gray);
box-shadow: var(--drop-shadow__regular);
transition: all 0.3s ease-in-out;
border-radius: 3px;
padding: 10px;
flex-direction: column;
align-items: flex-end;
margin-right: 128px;
}

.sok-Features-item:hover {
box-shadow: var(--drop-shadow__inverse);
.sok-Content-left-action {
display: flex;
flex-direction: column;
}

/* ChromeButton */

.sok-ChromeButton {
width: 200px;
height: 60px;
.sok-Content-right {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
border-radius: 3px;
background: var(--color__orange--light);
color: var(--color__gray--dark);
font-weight: 700;
}

.sok-ChromeButton:hover {
box-shadow: var(--drop-shadow__inverse);
}

.sok-ChromeButton > img {
height: 40px;
margin-right: 10px;
}

/* Separator */

.sok-Separator {
background: linear-gradient(to left, rgba(246,4,0,1) 0%,rgba(254,160,79,1) 100%);
width: 100vw;
height: 2px;
display: block;
position: absolute;
top: 0;
}

/* Categories */

.sok-Categories {
max-width: 800px;
height: 100%;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 20px 40px 0;
}

.sok-Categories > * {
margin: 10px;
text-align: center;
box-shadow: var(--drop-shadow__regular);
border-radius: 3px;
padding: 10px;
}

.sok-Categories .sok-Categories-js {
background: var(--color__lang__js);
color: var(--color__gray--dark);
.sok-Content-right img {
width: 344px;
height: auto;
}

.sok-Categories .sok-Categories-css {
background: var(--color__lang__css);
.sok-Content-tagline {
font-size: 16px;
margin-bottom: 16px;
position: relative;
padding-left: 40px;
}

.sok-Categories .sok-Categories-react {
background: var(--color__lang__react);
.sok-Content-tagline-icon {
position: absolute;
width: auto;
height: 40px;
left: -5px;
}

.sok-Categories .sok-Categories-php {
color: var(--color__gray--dark);
background: var(--color__lang__php);
.sok-Content-left-action ul {
margin-bottom: 16px;
margin-top: 0;
padding-left: 16px;
}

.sok-Categories .sok-Categories-python {
color: var(--color__gray--dark);
background: var(--color__lang__python);
}
/* Buttons */

.sok-Categories .sok-Categories-interview {
background: var(--color__lang__interview);
.sok-Content-buttons {
display: flex;
}

/* Footer */

.sok-Footer {
padding-top: 36px;
width: 100%;
min-height: 100px;
.sok-ChromeButton {
width: 180px;
height: 48px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
background: linear-gradient(to bottom, var(--color__gray--dark) 0%,rgb(20, 20, 26) 100%);
border-radius: 3px;
background: var(--color__gray--dark);
color: var(--color__white);
font-weight: 700;
transition: all 0.3s ease-in-out;
box-shadow: none;
margin-right: 16px;
}

.sok-Footer .sok-Footer-outLink {
margin-bottom: 8px;
.sok-ChromeButton:hover {
box-shadow: var(--drop-shadow__regular);
}

.sok-Footer .sok-Footer-outLink > a {
color: var(--color__orange--light);
font-weight: 900;
.sok-ChromeButton > img {
height: 16px;
margin-right: 10px;
}

.sok-Footer .sok-Footer-attributions {
.sok-GitButton {
height: 48px;
width: 48px;
display: flex;
align-items: center;
height: 32px;
margin-bottom: 32px;
color: var(--color__gray--dark);
}

.sok-Footer .sok-Footer-attributions > a {
width: 24px;
height: 24px;
margin: 0 5px;
.sok-GitButton:hover {
text-decoration: underline;
}

.sok-Footer .sok-Footer-attributions > a > img {
width: 24px;
height: 24px;
/* Separator */

.sok-Separator {
background: linear-gradient(to left, rgba(246,4,0,1) 0%,rgba(254,160,79,1) 100%);
width: 100vw;
height: 3px;
display: block;
position: absolute;
top: 0;
}

/* Produc tHunt Ribbon */
Expand All @@ -199,6 +143,22 @@
}

.sok-ProductHuntRibbon > a {
width: 250px;
height: 54px;
width: 180px;
height: 48px;
}

/* Footer */

.sok-Footer {
width: 100%;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
}

.sok-Footer > .sok-Separator {
bottom: 0;
top: unset;
background: linear-gradient(to right, rgba(246,4,0,1) 0%,rgba(254,160,79,1) 100%);
}
Binary file removed landing_page/images/icons/30_code.png
Binary file not shown.
Binary file removed landing_page/images/icons/30_css.png
Binary file not shown.
Binary file removed landing_page/images/icons/30_interview.png
Binary file not shown.
Binary file removed landing_page/images/icons/30_php.png
Binary file not shown.
Binary file removed landing_page/images/icons/30_python.png
Binary file not shown.
Binary file removed landing_page/images/icons/30_react.png
Binary file not shown.
12 changes: 6 additions & 6 deletions landing_page/images/icons/chrome.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 00d138e

Please sign in to comment.