rushilwiz/brancher
1
0
Fork 0
mirror of https://github.com/Rushilwiz/brancher.git synced 2025-04-19 03:20:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of https://github.com/RushilSidhu/brancher

Browse Source
This commit is contained in:
1776123 2020-07-03 12:41:53 -04:00
commit d59fde8300
16 changed files with 110 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
css/res/black.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 423 B

BIN
css/res/black_branch_big.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 19 KiB

BIN
css/res/brancher_logo_v2_white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
css/res/home_page_companies.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
css/res/home_page_influencers.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
css/res/home_page_influencers_r.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

BIN
css/res/home_page_left.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
css/res/home_page_right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
css/res/rainbow gradient.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
css/res/rainbow_branch_big.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 40 KiB

BIN
css/res/rainbow_gradient_2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
css/res/white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 423 B

26
css/slider.css
View File

@ -7,14 +7,32 @@
.ba-slider img {
width: 100%;
height: 100vh;
display:block;
}
.column {
float: left;
width: 50%;
padding: 0px;
}
.columnSpace {
float: left;
width: 50%;
height: 100vh;
}
.columnSpaceContainer {
width: 100%;
height: 100vh;
}
.resize {
position: absolute;
top:0;
left: 0;
height: 100%;
height:100%;
width: 50%;
overflow: hidden;
}
@ -25,10 +43,10 @@
left:50%;
top:0;
bottom:0;
width:4px;
margin-left:-2px;
width:2px;
margin-left:-1px;
background: rgba(0,0,0,.5);
background: rgba(0,0,0,1);
cursor: ew-resize;
}

3
css/styles.css
View File

@ -14,7 +14,8 @@
z-index: 999;
width: 100%;
padding-top: 17px;
background:linear-gradient(to bottom, #0D1821 44%, #B4CDED 66%);
background: black;
/*linear-gradient(to bottom, #0D1821 44%, #B4CDED 66%); old gradient, back is cleaner imo - josh*/
;
overflow: hidden;
-webkit-transition: all 0.3s;

85
index.html
View File

@ -20,7 +20,8 @@
<div class="row">
<a>
<img class="logo" src="./css/res/white_on_black.svg">
<img class="logo" src="./css/res/brancher_logo_v2_white.png" style="padding-left: 10px">
<!--logo font is unispace-->
</a>
<div class="mobile-toggle">
@ -39,11 +40,11 @@
<li><a href="login.html">Log In</a></li>
</ul>
</nav>
</div>
</header>
<div class="hero gradient-border">
<head>
<!--<div class="hero gradient-border">-->
<!--<head>
<meta charset="utf-8">
<title>...</title>
<link rel="stylesheet" type="text/css" href="css/slider.css" />
@ -51,32 +52,70 @@
</head>
<body>
<div class="ba-slider">
<img src="css/res/rainbow_branch_big.png" alt="">
<a href="influencer.html">
<img src="css/res/home_page_influencers_r.png" style="padding-top: 70px" alt="">
</a>
<div class="resize">
<img src="css/res/black_branch_big.png" alt="">
<a href="company.html">
<img src="css/res/home_page_companies.png" style="padding-top: 70px" alt="">
</a>
</div>
<span class="handle"></span>
</div>
</body>-->
<head>
<meta charset="utf-8">
<title>...</title>
<link rel="stylesheet" type="text/css" href="css/slider.css" />
</head>
<body>
<div>
<div class="column" style="margin-top: 70px">
<a href="company.html">
<img src="css/res/home_page_left.png" alt="" style="width:100%" >
</a>
</div>
<div class="column" style="margin-top: 70px">
<a href="influencer.html">
<img src="css/res/home_page_right.png" alt="" style="width:100%">
</a>
</div>
</div>
<div class = "columnSpaceContainer">
<div class="columnSpace">
<a href="company.html">
<img src="css/res/white.png" alt="" style="width:100%;height:100%" >
</a>
</div>
<div class="columnSpace">
<a href="influencer.html">
<img src="css/res/black.png" alt="" style="width:100%;height:100%">
</a>
</div>
</div>
</body>
<!--<head>
<meta charset="utf-8">
<title>...</title>
<link rel="stylesheet" type="text/css" href="css/slider.css" />
</head>
<body>
<div class = "columnSpaceContainer">
<div class="columnSpace">
<a href="company.html">
<img src="css/res/white.png" alt="" style="width:100%;height:100%" >
</a>
</div>
<div class="row content">
<h1 class="sec01">Get Started</h1>
<p>Getting started with Brancher is free and easy. There are no contracts or commitments, and everything is based upon the wants of the influencer or the company. Whether you are an influencer or a company, the first step is to make an account. When the account is created, you will have the ability to show interest in endorsement as an influencer or a company. In an influencer's profile, there should be examples for the type of work done, and the type of audience. For companies, there will be a catalog of influencers to look from, with filters to ease the search. From there, influencers will be contacted by various companies, and both the influencer and company will branch out to the public. </p>
<h1 class="sec03">About Us</h1>
<p>Whether you are an influencer or company, Brancher IS the platform that WILL effectively serve as the median of communication for both users. Through providing a safe and free environment, we promote companies contracting influencers so they can sponsor a brand. As the median, building a trust is highly prioritized and ensured through our high end security. We are simply just a group of people who have a passion to reach out and connect others with ease!</p>
<button type="button" text-align="center" href="about.html">Want To Know More About Us?</button>
<h1 class="sec04">Contact</h1>
<p>Lorem adnan smells doodoo dolor sit amet, consectetur adipisicing elit. Nostrum, recusandae, at, labore velit eligendi amet nobis repellat natus sequi sint consectetur excepturi doloribus vero provident consequuntur accusamus quisquam nesciunt cupiditate soluta
alias illo et deleniti voluptates facilis repudiandae similique dolore quaerat architecto perspiciatis officiis dolor ullam expedita suscipit neque minima rem praesentium inventore ab officia quos dignissimos esse quam placeat iste porro eius! Minus,
aspernatur nesciunt consectetur. Sit, eius, itaque, porro, beatae impedit officia tenetur reiciendis autem vitae a quae ipsam repudiandae odio dolorum quaerat asperiores possimus corporis optio animi quisquam laboriosam nihil quam voluptatum quidem
veritatis iste culpa iure modi perspiciatis recusandae ipsa libero officiis aliquam doloremque similique id quasi atque distinctio enim sapiente ratione in quia eum perferendis earum blanditiis. Nobis, architecto, veniam molestias minus iste necessitatibus
est ab in earum ratione eveniet soluta molestiae sed illo nostrum nemo debitis. Minus, quod totam aliquam ea asperiores fugit quaerat excepturi dolores ratione numquam consequatur id unde alias provident vero incidunt exercitationem similique consequuntur
hic possimus? Fuga, eveniet quaerat inventore corporis laborum eligendi enim soluta obcaecati aliquid veritatis provident amet laudantium est quisquam dolore exercitationem modi? Distinctio, pariatur, ab velit praesentium vitae quidem consequatur
deleniti recusandae odit officiis. Quidem, cupiditate.</p>
<div class="columnSpace">
<a href="influencer.html">
<img src="css/res/black.png" alt="" style="width:100%;height:100%">
</a>
</div>
</div>
</body> -->
<!--</div>-->
</body>

15
js/slider.js
View File

@ -8,8 +8,17 @@ $(document).ready(function(){
// Bind dragging events
drags(cur.find('.handle'), cur.find('.resize'), cur);
});
$('.extraSpace').each(function(){
var cur = $(this);
// Adjust the slider
var width = cur.width()+'px';
cur.find('.resize img').css('width', width);
// Bind dragging events
drags(cur.find('.handle'), cur.find('.resize'), cur);
});
});
// Update sliders on resize.
// Because we all do this: i.imgur.com/YkbaV.gif
$(window).resize(function(){
@ -18,8 +27,14 @@ $(window).resize(function(){
var width = cur.width()+'px';
cur.find('.resize img').css('width', width);
});
$('.extraSpace').each(function(){
var cur = $(this);
var width = cur.width()+'px';
cur.find('.resize img').css('width', width);
});
});
function drags(dragElement, resizeElement, container) {
// Initialize the dragging event on mousedown.