status-im
/
design.status.im
mirror of https://github.com/status-im/design.status.im.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

changes

This commit is contained in:
andmironov 2019-07-01 18:41:59 +03:00
parent 7872a67c7e
commit 6e0a3af0cd
6 changed files with 55 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/main.css
View File

@ -985,7 +985,7 @@ select[multiple] {
background-image: url("../img/pat.png"); }
.person--hester {
background-image: url("../img/hester.png"); }
background-image: url("../img/hester.jpg"); }
.person--euge {
background-image: url("../img/euge.png"); }
@ -994,7 +994,7 @@ select[multiple] {
background-image: url("../img/andrei.png"); }
.person--maciej {
background-image: url("../img/maciej.png"); }
background-image: url("../img/maciej.jpg"); }
.person--philip {
background-image: url("../img/philip.png"); }

BIN
img/hester.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
img/maciej.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

51
index.html
View File

@ -6,14 +6,14 @@
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="./img/logo-16.png?v=0.1.4" sizes="16x16" />
<link rel="icon" type="image/png" href="./img/logo-32.png?v=0.1.4" sizes="32x32" />
<link rel="icon" type="image/png" href="./img/logo-16.png?v=0.1.6" sizes="16x16" />
<link rel="icon" type="image/png" href="./img/logo-32.png?v=0.1.6" sizes="32x32" />
<link rel="apple-touch-icon" sizes="76x76" href="./img/apple-touch-icon-76.png?v=0.1.4">
<link rel="apple-touch-icon" sizes="120x120" href="./img/apple-touch-icon-120.png?v=0.1.4">
<link rel="apple-touch-icon" sizes="152x152" href="./img/apple-touch-icon-152.png?v=0.1.4">
<link rel="apple-touch-icon" sizes="180x180" href="./img/apple-touch-icon-180.png?v=0.1.4">
<link rel="apple-touch-icon" href="./img/apple-touch-icon-1024.png?v=0.1.4">
<link rel="apple-touch-icon" sizes="76x76" href="./img/apple-touch-icon-76.png?v=0.1.6">
<link rel="apple-touch-icon" sizes="120x120" href="./img/apple-touch-icon-120.png?v=0.1.6">
<link rel="apple-touch-icon" sizes="152x152" href="./img/apple-touch-icon-152.png?v=0.1.6">
<link rel="apple-touch-icon" sizes="180x180" href="./img/apple-touch-icon-180.png?v=0.1.6">
<link rel="apple-touch-icon" href="./img/apple-touch-icon-1024.png?v=0.1.6">
<title>Status Design</title>
<meta name="description" content="We’re the Status Design team, and we're helping to create the tools that'll lead to a more open and equitable Internet for us all">
@ -37,7 +37,7 @@
<meta name="twitter:creator" content="@ethstatus" />
<link rel="stylesheet" href="./css/main.css?v=0.1.4">
<link rel="stylesheet" href="./css/main.css?v=0.1.6">
</head>
<body>
@ -268,9 +268,9 @@
<div class="header-left">
<a class="logo" href="/"></a>
<ul class="main-nav">
<li><a href="#" class="nav-link--positions">Open Positions</a></li>
<!--li><a href="#" class="nav-link--positions">Open Positions</a></li -->
<li><a href="#" class="nav-link--people">Who We Are</a></li>
<li><a href="#" class="nav-link--blog">Our Blog</a></li>
<!-- li><a href="#" class="nav-link--blog">Our Blog</a></li -->
</ul>
</div>
<ul class="secondary-nav">
@ -284,7 +284,7 @@
<p>We’re the Status Design team, and we're helping to create the tools that'll lead to a more open and equitable Internet for us all</p>
<div class="intro-buttons">
<a class="button" target="_blank" href="https://status.im">About Status</a>
<a class="button button--secondary button--positions" href="">Open positions</a>
<!-- a class="button button--secondary button--positions" href="">Open positions</a -->
</div>
</div>
<div class="home-wrap">
@ -388,7 +388,7 @@
<div class="people">
<div class="person">
<div class="person-inner">
<h3>Hester Bruikman</h3>
<h3>Hester Bruikman-Pagán</h3>
<p>UX Researcher</p>
<div class="person-image person--hester"></div>
</div>
@ -425,13 +425,14 @@
</div>
<div class="section-header section-header--positions">
<!--div class="section-header section-header--positions">
<h2>Join Us</h2>
<p>We’re looking for talented and passionate individuals to join our team! Take a look at the latest open roles:</p>
</div>
</div -->
<div class="positions">
<!--div class="positions">
<div class="positions-wrap">
<div class="positions-item">
<div class="positions-item-inner">
<div class="positions-item-top">
@ -445,7 +446,7 @@
</div>
</div>
</div>
<!-- div class="positions-item">
<div class="positions-item">
<div class="positions-item-inner">
<div class="positions-item-top">
<div class="positions-arrow"></div>
@ -457,8 +458,8 @@
<p class="reward-description">Get $1000 in SNT for a successful Recommendation</p>
</div>
</div>
</div-->
<!--div class="positions-item">
</div>
<div class="positions-item">
<div class="positions-item-inner">
<div class="positions-item-top">
<div class="positions-arrow"></div>
@ -470,8 +471,8 @@
<p class="reward-description">Get $1000 in SNT for a successful Recommendation</p>
</div>
</div>
</div-->
<!--div class="positions-item">
</div>
<div class="positions-item">
<div class="positions-item-inner">
<div class="positions-item-top">
<div class="positions-arrow"></div>
@ -483,17 +484,17 @@
<p class="reward-description">Get $1000 in SNT for a successful Recommendation</p>
</div>
</div>
</div -->
</div>
</div>
</div>
</div -->
<!--div class="section-header section-header--blog">
<h2>Read our Blog</h2>
<p>Check out stories and thoughts we think are worth sharing. </p>
</div -->
</div>
<!-- div class="blog-posts">
<div class="blog-posts">
<div class="blog-post">
<a href="https://our.status.im/sharing-ideas-for-a-robust-web-3-0/" target="_blank" class="blog-post-inner">
<h3>Sharing ideas for a robust Web 3.0</h3>
@ -580,7 +581,7 @@
</div>
</div>
<script src="./js/bundle.js?v=0.1.4"></script>
<script src="./js/bundle.js?v=0.1.6"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-79146816-5"></script>

52
js/bundle.js
View File

@ -25037,37 +25037,34 @@ let wrap = document.querySelectorAll(".wrap")[0];
let navLinkPositions = document.querySelectorAll(".nav-link--positions")[0];
let navLinkPeople = document.querySelectorAll(".nav-link--people")[0];
let navLinkBlog = document.querySelectorAll(".nav-link--blog")[0];
let buttonPositions = document.querySelectorAll(".button--positions")[0];
//let navLinkBlog = document.querySelectorAll(".nav-link--blog")[0]
//let buttonPositions = document.querySelectorAll(".button--positions")[0]
let sectionPositions = document.querySelectorAll(".section-header--positions")[0];
//let sectionPositions = document.querySelectorAll(".section-header--positions")[0]
let sectionPeople = document.querySelectorAll(".section-header--people")[0];
let sectionBlog = document.querySelectorAll(".section-header--blog")[0];
//let sectionBlog = document.querySelectorAll(".section-header--blog")[0]
if (buttonPositions) {
buttonPositions.addEventListener('click', function (event) {
animateScroll(sectionPositions, 1800, "easeInOutCubic", 0);
event.preventDefault();
});
}
if (navLinkPositions) {
navLinkPositions.addEventListener('click', function (event) {
animateScroll(sectionPositions, 1800, "easeInOutCubic", 0);
event.preventDefault();
});
}
// if(buttonPositions) { buttonPositions.addEventListener('click', function(event){
// animateScroll(sectionPositions, 1800, "easeInOutCubic", 0)
// event.preventDefault()
// })
// }
// if(navLinkPositions) { navLinkPositions.addEventListener('click', function(event){
// animateScroll(sectionPositions, 1800, "easeInOutCubic", 0)
// event.preventDefault()
// })
// }
if (navLinkPeople) {
navLinkPeople.addEventListener('click', function (event) {
animateScroll(sectionPeople, 1800, "easeInOutCubic", 0);
event.preventDefault();
});
}
if (navLinkBlog) {
navLinkBlog.addEventListener('click', function (event) {
animateScroll(sectionBlog, 1800, "easeInOutCubic", 0);
event.preventDefault();
});
}
// if(navLinkBlog) { navLinkBlog.addEventListener('click', function(event){
// animateScroll(sectionBlog, 1800, "easeInOutCubic", 0)
// event.preventDefault()
// })
// }
/* Demo Scroll */
//
@ -25084,17 +25081,18 @@ if (navLinkBlog) {
/* Popups */
let vacancys = document.querySelectorAll(".positions-item");
//let vacancys = document.querySelectorAll(".positions-item")
let popups = document.querySelectorAll(".popup");
let overlays = document.querySelectorAll(".overlay");
let closeButtons = document.querySelectorAll(".popup__button--close");
let activePopup = null;
let activeOverlay = null;
vacancys[0].addEventListener('click', function (event) {
showPopup(overlays[0], popups[0]);
event.preventDefault();
});
// vacancys[0].addEventListener('click', function(event){
// showPopup(overlays[0], popups[0])
// event.preventDefault()
// })
closeButtons.forEach(button => {
button.addEventListener('click', closeActivePopup);

4
js/bundle.js.map
View File

File diff suppressed because one or more lines are too long