LBRYFoundation/lbryorg
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbryorg.git synced 2025-08-23 20:47:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Updated layout of Branding

Browse source
This commit is contained in:
iampratiktandel 2020-06-12 21:23:10 +05:30
parent 70e4cde20b
commit f21e48cc5a
2 changed files with 112 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

105
branding/index.html
View file

@ -42,7 +42,7 @@
<!-- globalParallax -->
<div class="parallax" id="global-parallax">
<img src="../img/foundation-branding-background-art.png" data-depth-factor="3" alt="bg-img" class="d-none d-sm-none d-md-none d-lg-block parallax-layer main-parallax-img">
<img src="../img/foundation-branding-background-art.png" data-de pth-factor="3" alt="bg-img" class="d-none d-sm-none d-md-none d-lg-block parallax-layer main-parallax-img">
<div class="parallax-bg"></div>
<div class="parallax-mask"></div>
@ -60,13 +60,112 @@
<div class="container-fluid above-parallax">
<h1>LBRY Branding</h1>
<ol>
<!-- <ol>
<li>B</li>
<li>R</li>
<li>A</li>
<li>N</li>
<li>D</li>
</ol>
</ol> -->
<div class="container">
<img src="../img/lbry-logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
</div>
<!--logo-->
<h2 class="my-4">Logos</h2>
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="card mb-3 lbry-dark">
<div class="card-body">
<img src="../img/logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card mb-3 lbry-dark">
<div class="card-body">
<img src="../img/logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card mb-3 lbry-dark">
<div class="card-body">
<img src="../img/logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card mb-3 lbry-dark">
<div class="card-body">
<img src="../img/logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
</div>
</div>
</div>
</div>
<hr class="content">
<!--/logo-->
<!--colors-->
<h2 class="my-4">Colors</h2>
<div class="row">
<div class="col-md-6 col-lg-2">
<div class="card mb-3 lbry-dark">
<div class="card-body">
</div>
</div>
<p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
</div>
<div class="col-md-6 col-lg-2">
<div class="card mb-3 lbry-dark">
<div class="card-body">
</div>
</div>
<p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
</div>
<div class="col-md-6 col-lg-2">
<div class="card mb-3 lbry-dark">
<div class="card-body">
</div>
</div>
<p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
</div>
<div class="col-md-6 col-lg-2">
<div class="card mb-3 lbry-dark">
<div class="card-body">
</div>
</div>
<p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
</div>
<div class="col-md-6 col-lg-2">
<div class="card mb-3 lbry-dark">
<div class="card-body">
</div>
</div>
<p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
</div>
<div class="col-md-6 col-lg-2">
<div class="card mb-3 lbry-dark">
<div class="card-body">
</div>
</div>
<p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
</div>
</div>
<!--/colors-->
<!--fonts-->
<!--/fonts-->
<!-- footer -->
<div class="container-fluid above-parallax">

10
lib/css/article.css
View file

@ -141,3 +141,13 @@ hr.heading {
hsla(0, 0%, 0%, 0));
position: relative;
}
hr.content {
height: 20px;
width: 100%;
background-image: radial-gradient(
farthest-side at 50% -50%,
hsla(0, 0%, 0%, 0.5),
hsla(0, 0%, 0%, 0));
position: relative;
}