mirror of
https://github.com/LBRYFoundation/lbry.com.git
synced 2025-08-23 17:47:26 +00:00
binaries in git, what an asshole - redesign team page, add mike v, add meta tags
This commit is contained in:
Jeremy Kauffman
parent
fd018173a8
commit
dd04216aba
28 changed files with 171 additions and 104 deletions
1
.gitignore
vendored
1
.gitignore
vendored
|
|
@ -3,5 +3,6 @@
|
|||
/log
|
||||
/data/access_list.php
|
||||
/web/zohoverify
|
||||
nbproject
|
||||
|
||||
.ht*
|
||||
|
|
|
|||
|
|
@ -7,6 +7,9 @@
|
|||
*/
|
||||
class View
|
||||
{
|
||||
protected static $metaDescription = '',
|
||||
$metaImg = '';
|
||||
|
||||
public static function render($template, array $vars = [])
|
||||
{
|
||||
if (!static::exists($template))
|
||||
|
|
@ -46,4 +49,24 @@ class View
|
|||
{
|
||||
return '/img/' . $image;
|
||||
}
|
||||
|
||||
public static function setMetaDescription($description)
|
||||
{
|
||||
static::$metaDescription = $description;
|
||||
}
|
||||
|
||||
public static function setMetaImage($url)
|
||||
{
|
||||
static::$metaImg = $url;
|
||||
}
|
||||
|
||||
public static function getMetaDescription()
|
||||
{
|
||||
return static::$metaDescription ?: 'A Content Revolution';
|
||||
}
|
||||
|
||||
public static function getMetaImage()
|
||||
{
|
||||
return static::$metaImg ?: 'https://lbry.io/img/lbry-dark-1600x528.png';
|
||||
}
|
||||
}
|
||||
|
|
@ -1,9 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>LBRY</title>
|
||||
<head prefix="og: http://ogp.me/ns#">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
|
||||
<?php preg_match_all('/<h(1|2)>([^<]+)</', $content, $titleMatches) ?>
|
||||
<?php $title = null ?>
|
||||
<?php foreach($titleMatches[1] as $matchIndex => $headerValue): ?>
|
||||
<?php if ($headerValue == '1' || !$title): ?>
|
||||
<?php $title = $titleMatches[2][$matchIndex] ?>
|
||||
<?php endif ?>
|
||||
<?php endforeach ?>
|
||||
<?php $title = $title ?
|
||||
$title . (strpos($title, 'LBRY') === false ? ' - LBRY' : '') :
|
||||
'LBRY' ?>
|
||||
<title><?php echo $title ?></title>
|
||||
|
||||
<link href='//fonts.googleapis.com/css?family=Raleway:600,300' rel='stylesheet' type='text/css'>
|
||||
<link href="/css/all.css" rel="stylesheet" type="text/css" media="screen,print" />
|
||||
<link rel="apple-touch-icon" sizes="60x60" href="/img/fav/apple-touch-icon-60x60.png">
|
||||
|
|
@ -25,10 +37,10 @@
|
|||
<meta name="twitter:creator" content="@lbry_io">
|
||||
|
||||
<!-- Open Graph data -->
|
||||
<meta property="og:title" content="LBRY" />
|
||||
<meta property="og:title" content="<?php echo $title ?>" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:image" content="http://lbry.io/img/header-logo-dark2.png" />
|
||||
<meta property="og:description" content="A Content Revolution"/>
|
||||
<meta property="og:image" content="<?php echo View::getMetaImage() ?>" />
|
||||
<meta property="og:description" content="<?php echo View::getMetaDescription() ?>"/>
|
||||
<meta property="og:site_name" content="LBRY" />
|
||||
</head>
|
||||
<body <?php echo defined('FOOTER_RENDERED') && FOOTER_RENDERED ? 'class="with-footer"' : '' ?>>
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
<a href="//blog.lbry.io">News</a>
|
||||
</div>
|
||||
<div class="control-item">
|
||||
<a href="/participate" <?php echo $_SERVER['REQUEST_URI'] === '/participate' ? 'class="nav-active"' : ''?>>Team</a>
|
||||
<a href="/team" <?php echo $_SERVER['REQUEST_URI'] === '/team' ? 'class="nav-active"' : ''?>>Team</a>
|
||||
</div>
|
||||
<div class="control-item no-label">
|
||||
<a href="http://twitter.com/lbry_io"><span class="icon icon-twitter"></span><span class="btn-label">Twitter</span></a>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
<?php View::setMetaDescription('Download or install the latest version of LBRY.') ?>
|
||||
<?php echo View::render('nav/header', ['isDark' => false]) ?>
|
||||
<div class="content spacer1">
|
||||
<h1>Get LBRY</h1>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
<?php View::setMetaDescription('Download or install the latest version of LBRY.') ?>
|
||||
<?php echo View::render('nav/header', ['isDark' => false]) ?>
|
||||
<div class="content spacer1">
|
||||
<h1>Get LBRY</h1>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
|
||||
<div class="bg-image-full" style="background-image: url(/img/cover-home2.jpg)"></div>
|
||||
<div class="cover-and-header">
|
||||
<?php echo View::render('nav/header', ['isDark' => true]) ?>
|
||||
|
|
@ -22,6 +23,6 @@
|
|||
<?php /*
|
||||
<?php echo View::render('page/what', ['fullPage' => false]) ?>
|
||||
<?php echo View::render('page/why', ['fullPage' => false]) ?>
|
||||
<?php echo View::render('page/participate', ['fullPage' => false]) ?>
|
||||
<?php echo View::render('page/team', ['fullPage' => false]) ?>
|
||||
<?php echo View::render('page/get', ['fullPage' => false]) ?>
|
||||
*/ ?>
|
||||
|
|
@ -1,89 +0,0 @@
|
|||
<?php echo View::render('nav/header', ['isDark' => false]) ?>
|
||||
<div class="content">
|
||||
<h1>Participate</h1>
|
||||
<p>
|
||||
While the LBRY revolution will be bloodless, we still need more boots on the ground.
|
||||
If you're talented, want to participate, and believe in the ideals of LBRY, <a href="mailto:jeremy@lbry.io" class="link-primary">email Jeremy</a>.
|
||||
</p>
|
||||
</div>
|
||||
<div class="hero hero-pattern spacer2">
|
||||
<div class="hero-content content content-dark">
|
||||
<h2 class="hero-title">The Team</h2>
|
||||
<div class="row-fluid spacer1">
|
||||
<div class="span3 text-center spacer1">
|
||||
<img src="/img/jimmy-headshot.jpg" alt="photo of jimmy"/>
|
||||
</div>
|
||||
<div class="span9">
|
||||
<h4>
|
||||
Jimmy Kiselak
|
||||
<a href="mailto:jimmy@lbry.io" class="control-item"><span class="icon icon-envelope"></span></a>
|
||||
</h4>
|
||||
<div class="meta spacer1">Founder, Developer</div>
|
||||
<p>
|
||||
After graduating from RPI with a degree in physics and computer science, Jimmy found himself
|
||||
mired in government bureaucracy, spending too much time to get too little done.
|
||||
</p>
|
||||
<p>
|
||||
A Bitcoin fanatic since it's early days, Jimmy has long been interested in the benefits of decentralization.
|
||||
Ready to work on a project he believed in, Jimmy quit his job to start LBRY and here we are!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-fluid spacer1">
|
||||
<div class="span3 text-center spacer1">
|
||||
<img src="/img/jeremy200.png" alt="photo of Jeremy"/>
|
||||
</div>
|
||||
<div class="span9">
|
||||
<h4>Jeremy Kauffman <a href="mailto:jeremy@lbry.io" class="control-item"><span class="icon icon-envelope"></span></a></h4>
|
||||
<div class="meta spacer1">Founder, Director</div>
|
||||
<p>
|
||||
Because graduating from RPI with degrees in physics and computer science is the hip thing to do, Jeremy did the same.
|
||||
</p>
|
||||
<p>
|
||||
Jeremy is the founder of <a href="//usetopscore.com">TopScore</a>, a startup that processes millions of dollars monthly in event and activity registrations.
|
||||
He is a longtime BitTorrent community enthusiast.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-fluid spacer1">
|
||||
<div class="span3 text-center spacer1">
|
||||
<img src="/img/brandon200.jpg" alt="Photo of Brandon"/>
|
||||
</div>
|
||||
<div class="span9">
|
||||
<h4>Brandon Ross <a href="mailto:contact@bdrosslaw.com" class="control-item"><span class="icon icon-envelope"></span></a></h4>
|
||||
<div class="meta spacer1">Legal, Advisor</div>
|
||||
<p>
|
||||
Despite not getting degrees in physics and computer science from RPI, Brandon managed to win the total degree count with ornately adorned parchment in math, economics, engineering, and law.
|
||||
</p>
|
||||
<p>
|
||||
Brandon is the founder of <a href="//bdrosslaw.com">B.D. Ross Law</a>, a law firm focusing on IP concerns.
|
||||
|
||||
He is also an early mover in the <a href="https://freestateproject.org/">Free State Project</a>. Brandon regularly tells Jeremy and Jimmy that he had this idea years ago.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-fluid spacer1" style="padding-bottom: 20px <?php /*fix me*/ ?>">
|
||||
<div class="span3 text-center spacer1">
|
||||
<img src="/img/mm.png" alt="photo of you!"/>
|
||||
</div>
|
||||
<div class="span9">
|
||||
<h4>You</h4>
|
||||
<div class="meta spacer1">Developer, Designer, Economist, Marketer, Investor, ???</div>
|
||||
<p>
|
||||
Do you think opening up information would facilitate human flourishing?
|
||||
Do you want to join a bright core of people with an obsession for upending broken systems?
|
||||
<a href="mailto:jeremy@lbry.io">Say hello.</a>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content text-center spacer2">
|
||||
<h3>Not Ready to Get Serious?</h3>
|
||||
<p>Join our mailing list for updates about LBRY.</p>
|
||||
<?php echo View::render('mail/joinGeneralList', [
|
||||
'submitLabel' => 'Subscribe'
|
||||
]) ?>
|
||||
</div>
|
||||
<?php echo View::render('nav/footer') ?>
|
||||
98
view/page/team.php
Normal file
98
view/page/team.php
Normal file
|
|
@ -0,0 +1,98 @@
|
|||
<?php View::setMetaImage('http://lbry.io/img/cover-team.jpg') ?>
|
||||
<?php View::setMetaDescription('LBRY is founded by a team passionate about connecting producers and consumers and breaking down broken models. Learn more about them.') ?>
|
||||
<?php echo View::render('nav/header', ['isDark' => false]) ?>
|
||||
<div class="content">
|
||||
<h1>About Us</h1>
|
||||
</div>
|
||||
<div class="hero hero-quote hero-img spacer2" style="background-image: url(/img/cover-team.jpg)">
|
||||
<div class="hero-content-wrapper">
|
||||
<div class="hero-content">
|
||||
<blockquote class="blockquote-large">
|
||||
<p>Working with LBRY is a chance to align philosophy and profit.</p>
|
||||
</blockquote>
|
||||
<cite>Mike Vine <em>Technology Evangelist</em></cite>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content photo-grid spacer2">
|
||||
<h2>The Team</h2>
|
||||
<div class="row-fluid">
|
||||
<div class="span6 spacer2">
|
||||
<div class="photo-container">
|
||||
<img src="/img/jeremy-644x450.jpg" alt="photo of Jeremy"/>
|
||||
</div>
|
||||
<h4>Jeremy Kauffman <a href="mailto:jeremy@lbry.io" class="link-primary"><span class="icon icon-envelope"></span></a></h4>
|
||||
<div class="meta spacer1">Founder, Director</div>
|
||||
<p>
|
||||
Because graduating from RPI with degrees in physics and computer science is the hip thing to do, Jeremy did the same. Jeremy is also the founder and CEO of <a href="//usetopscore.com" class="link-primary">TopScore</a>, a startup that processes millions of dollars monthly in event and activity registrations.
|
||||
</p>
|
||||
<p>
|
||||
Jeremy has been responsible for the packing, presentation, and strategy of LBRY, as well as some design aspects. Jeremy is a longtime BitTorrent community enthusiast.
|
||||
</p>
|
||||
</div>
|
||||
<div class="span6 spacer2">
|
||||
<div class="photo-container">
|
||||
<img src="/img/jimmy-644x450.jpg" alt="photo of jimmy"/>
|
||||
</div>
|
||||
<h4>
|
||||
Jimmy Kiselak
|
||||
<a href="mailto:jimmy@lbry.io" class="link-primary"><span class="icon icon-envelope"></span></a>
|
||||
</h4>
|
||||
<div class="meta spacer1">Founder, Developer</div>
|
||||
<p>
|
||||
After graduating from RPI with a degree in physics and computer science, Jimmy found himself mired in government bureaucracy, spending too much time to get too little done. Jimmy has been a Bitcoin fanatic since its early days as well as long been interested in the benefits of decentralization.
|
||||
</p>
|
||||
<p>
|
||||
Ready to work on a project he believed in, Jimmy quit his national security job to start LBRY several months ago. Jimmy created the LBRY protocol and the first LBRY application.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row-fluid">
|
||||
<div class="span6 spacer2">
|
||||
<div class="photo-container">
|
||||
<img src="/img/mike-644x450.jpg" alt="photo of Mike"/>
|
||||
</div>
|
||||
<h4>Mike Vine <a href="mailto:mike@lbry.io" class="link-primary"><span class="icon icon-envelope"></span></a></h4>
|
||||
<div class="meta spacer1">Technology Evangelist</div>
|
||||
<p>
|
||||
With a humble BA in Philosophy from Tulane University, Mike has built a successful financial services marketing company, Centinel Consulting. Centinel recently built a client’s website from 20K visitors per month to 150K, and manages email marketing lists and social media accounts with hundreds of thousands of followers.
|
||||
</p>
|
||||
<p>
|
||||
Mike has been involved with the Bitcoin community since the early days. His friends have launched companies like Lamassu BTM, Coinapult, and Shapeshift. Now, he wants a turn to help change the world by harnessing blockchain technology. Mike heads up LBRY’s marketing efforts and serves as an ambassador for our platform to media, investors, and the public.
|
||||
</p>
|
||||
</div>
|
||||
<div class="span6 spacer2">
|
||||
<div class="photo-container">
|
||||
<img src="/img/brandon-644x450.jpg" alt="Photo of Brandon"/>
|
||||
</div>
|
||||
<h4>Brandon Ross <a href="mailto:contact@bdrosslaw.com" class="link-primary"><span class="icon icon-envelope"></span></a></h4>
|
||||
<div class="meta spacer1">Legal, Advisor</div>
|
||||
<p>
|
||||
Brandon is the founder of <a href="//bdrosslaw.com" class="link-primary">B.D. Ross Law</a>, a law firm focusing on IP concerns. He holds degrees in math, economics, engineering, and law. Brandon regularly tells Jeremy and Jimmy that he had this idea years ago.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-fluid">
|
||||
<div class="span3"></div>
|
||||
<div class="span6">
|
||||
<img src="/img/spooner-644x450.jpg" alt="photo of you!"/>
|
||||
<h4>You</h4>
|
||||
<div class="meta spacer1">Developer, Designer, Economist, Marketer, Investor, ???</div>
|
||||
<p>
|
||||
Do you think opening up information would facilitate human flourishing?
|
||||
Do you want to join a bright core of people with an obsession for upending broken systems?
|
||||
<a href="mailto:jeremy@lbry.io" class="link-primary">Say hello.</a>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content text-center spacer2">
|
||||
<h3>Not Ready to Get Serious?</h3>
|
||||
<p>Join our mailing list for updates about LBRY.</p>
|
||||
<?php echo View::render('mail/joinGeneralList', [
|
||||
'submitLabel' => 'Subscribe'
|
||||
]) ?>
|
||||
</div>
|
||||
<?php echo View::render('nav/footer') ?>
|
||||
|
|
@ -1,3 +1,4 @@
|
|||
<?php View::setMetaDescription('Access information and content in ways you never dreamed possible. Earn credits for your unused bandwidth and diskspace.') ?>
|
||||
<?php echo View::render('nav/header', ['isDark' => false]) ?>
|
||||
<div class="content">
|
||||
<h1>What is LBRY?</h1>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,5 @@
|
|||
<?php View::setMetaImage('http://lbry.io/img/xkcd-comic.png') ?>
|
||||
<?php View::setMetaDescription('Learn about the inspiration behind LBRY\'s revolutionary content distribution system.') ?>
|
||||
<?php echo View::render('nav/header', ['isDark' => false]) ?>
|
||||
<div class="content"><h1>Why?</h1></div>
|
||||
<div class="hero hero-quote hero-img spacer2" style="background-image: url(/img/cover-jcole.jpg)">
|
||||
|
|
@ -98,7 +100,7 @@
|
|||
about publisher identities and how addresses are reserved that are specifically designed to combat undue profiteering.</p>
|
||||
<h3>Ready to use LBRY?</h3>
|
||||
<p><a href="/get" class="btn-primary">Get LBRY</a></p>
|
||||
<p>Or, <a href="/participate" class="link-primary">learn about joining the team</a>.</p>
|
||||
<p>Or, <a href="/team" class="link-primary">learn about joining the team</a>.</p>
|
||||
</div>
|
||||
<?php echo View::render('nav/footer') ?>
|
||||
<?php /* It is inspired by Bitcoin, BitTorrent, and a comment by Julian Assange<sup><a class="link-primary" href="https://wikileaks.org/Transcript-Meeting-Assange-Schmidt.html#731">1</a></sup>.</p> */ ?>
|
||||
|
|
|
|||
BIN
web/img/brandon-644x450.jpg
Normal file
BIN
web/img/brandon-644x450.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
web/img/brandon-original.jpg
Normal file
BIN
web/img/brandon-original.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
BIN
web/img/cover-team.jpg
Normal file
BIN
web/img/cover-team.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 112 KiB |
BIN
web/img/jeremy-644x450.jpg
Normal file
BIN
web/img/jeremy-644x450.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
web/img/jeremy-original.jpg
Normal file
BIN
web/img/jeremy-original.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 939 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 68 KiB |
BIN
web/img/jimmy-644x450.jpg
Normal file
BIN
web/img/jimmy-644x450.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
BIN
web/img/jimmy-original.jpg
Normal file
BIN
web/img/jimmy-original.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 574 KiB |
BIN
web/img/lbry-dark-1600x528.png
Normal file
BIN
web/img/lbry-dark-1600x528.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
web/img/mike-644x450.jpg
Normal file
BIN
web/img/mike-644x450.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
BIN
web/img/mike-original.jpg
Normal file
BIN
web/img/mike-original.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 549 KiB |
BIN
web/img/mm.png
BIN
web/img/mm.png
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
BIN
web/img/spooner-644x450.jpg
Normal file
BIN
web/img/spooner-644x450.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
|
|
@ -85,6 +85,14 @@
|
|||
}
|
||||
}
|
||||
|
||||
.photo-grid
|
||||
{
|
||||
.photo-container
|
||||
{
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: $max-text-width + 30)
|
||||
{
|
||||
.content ol
|
||||
|
|
|
|||
|
|
@ -11,6 +11,14 @@
|
|||
border-left: 10px solid rgba(180, 180, 180, 0.3);
|
||||
padding: 0 15px;
|
||||
font-size: 1.5em;
|
||||
&.blockquote-large
|
||||
{
|
||||
max-width: 600px;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
font-size: 2.0em;
|
||||
}
|
||||
+ cite
|
||||
{
|
||||
margin-top: $spacing-vertical;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue