dynamic press kit + new bio format

controller/Controller.class.php

@@ -62,6 +62,8 @@ class Controller
         return OpsActions::executeLogUpload();
       case '/list-subscribe':
         return MailActions::executeListSubscribe();
+      case '/press-kit.zip':
+        return ContentActions::executePressKit();
       case '/LBRY-deck.pdf':
         return static::redirect('https://s3.amazonaws.com/files.lbry.io/LBRY-deck.pdf', 307);
       case '/dl/lbry_setup.sh':

controller/action/ContentActions.class.php

@@ -67,6 +67,71 @@ class ContentActions extends Actions
     ]];
   }
 
+  public static function executePressKit()
+  {
+    $zipFileName = 'lbry-press-kit-' . date('Y-m-d') . '.zip';
+    $zipPath = tempnam('/tmp', $zipFileName);
+
+    $zip = new ZipArchive();
+    $zip->open($zipPath, ZipArchive::OVERWRITE);
+
+    $zip->addFile(ROOT_DIR . '/posts/press.md', 'intro.txt');
+
+    foreach(glob(ROOT_DIR . '/web/img/press/*') as $productImgPath)
+    {
+      $imgPathTokens = explode('/', $productImgPath);
+      $imgName = $imgPathTokens[count($imgPathTokens) - 1];
+      $zip->addFile($productImgPath, '/logo_and_product/' . $imgName);
+    }
+
+    foreach(glob(ROOT_DIR . '/posts/bio/*.md') as $bioPath)
+    {
+      list($metadata, $bioHtml) = static::parseMarkdown($bioPath);
+      $zip->addFile($bioPath, '/team_bios/' . $metadata['name'] . ' - ' . $metadata['role'] . '.txt');
+    }
+
+    foreach(array_filter(glob(ROOT_DIR . '/web/img/team/*.jpg'), function($path) {
+      return strpos($path, 'spooner') === false;
+    }) as $bioImgPath)
+    {
+      $imgPathTokens = explode('/', $bioImgPath);
+      $imgName = str_replace('644x450', 'lbry', $imgPathTokens[count($imgPathTokens) - 1]);
+      $zip->addFile($bioImgPath, '/team_photos/' . $imgName);
+    }
+
+
+    $zip->close();
+
+    return ['internal/zip', [
+      '_no_layout' => true,
+      'zipPath' => $zipPath
+    ], [
+      'Content-Disposition' => 'attachment;filename=' . $zipFileName,
+      'X-Content-Type-Options' => 'nosniff',
+      'Content-Type' => 'application/zip',
+      'Content-Length' => filesize($zipPath),
+    ]];
+  }
+
+  protected static function parseMarkdown($path)
+  {
+    list($ignored, $frontMatter, $markdown) = explode('---', file_get_contents($path), 3);
+    $metadata = Spyc::YAMLLoadString(trim($frontMatter));
+    $html = ParsedownExtra::instance()->text(trim($markdown));
+    return [$metadata, $html];
+  }
+
+  public static function prepareBioPartial(array $vars)
+  {
+    $person = $vars['person'];
+    $path = ROOT_DIR . '/posts/bio/' . $person . '.md';
+    list($metadata, $bioHtml) = static::parseMarkdown($path);
+    return $metadata + [
+      'imgSrc' => '/img/team/' . $person . '-644x450.jpg',
+      'bioHtml' => $bioHtml,
+    ];
+  }
+
   public static function preparePostAuthorPartial(array $vars)
   {
     $post = $vars['post'];

model/Post.class.php

@@ -201,11 +201,11 @@ class Post
     switch(strtolower($this->author))
     {
       case 'jeremy':
-        return 'jeremy-644x450.jpg';
+        return 'jeremy-kauffman-644x450.jpg';
       case 'mike':
-        return 'mike-644x450.jpg';
+        return 'mike-vine-644x450.jpg';
       case 'jimmy':
-        return 'jimmy-644x450.jpg';
+        return 'jimmy-kiselak-644x450.jpg';
       case 'jack':
         return 'jack-robison-644x450.jpg';
       case 'lbry':

posts/bio/alex-grintsvayg.md

@@ -0,0 +1,10 @@
+---
+name: Alex Grintsvayg
+role: Founder, Chief Infrastructure Officer
+email: grin@lbry.io
+---
+One of Alex's job titles is Wizard, so named because he can seemingly understand and utilize new technologies faster than they can be created.
+
+Alex designs and manages scalable infrastructure solutions for SaaS firms, and is leveraging that experience to ensure LBRY's architecture is rock-solid.
+
+Alex is the 3rd dual-degree graduate from RPI on this team, receiving degrees in Computer Science and Psychology. He is also an alumni of Stuyvesant High School.

posts/bio/alex-tabarrok.md

@@ -0,0 +1,9 @@
+---
+name: Alex Tabarrok
+role: Economic Advisor
+---
+Alex Tabarrok is Bartley J. Madden Chair in Economics at the [Mercatus Center](http://mercatus.org/) and a professor of economics at [George Mason University](https://gmu.edu). He specializes in intellectual property reform, the effectiveness of markets, and the justice system.
+
+Tabarrok is the coauthor, with Mercatus colleague Tyler Cowen, of the popular economics blog [_Marginal Revolution_](http://www.marginalrevolution.com/) and cofounder of the online educational platform [Marginal Revolution University](http://mruniversity.com/). He is the coauthor of _[Modern Principles of Economics](http://www.amazon.com/Modern-Principles-Economics-Tyler-Cowen/dp/1429239972)_, and author of the recent book _[Launching the Innovation Renaissance](http://www.amazon.com/Launching-The-Innovation-Renaissance-Market-ebook/dp/B006C1HX24)_. His articles have appeared in the _New York Times_, the _Washington Post_, the _Wall Street Journal_, and many other prestigious publications.
+
+Tabarrok received his PhD in economics from [George Mason University](http://en.wikipedia.org/wiki/George_Mason_University "George Mason University").

posts/bio/jack-robison.md

@@ -0,0 +1,10 @@
+---
+name: Jack Robison
+role: Founder, Core Developer
+email: jack@lbry.io
+---
+Jack's path to developer with LBRY is fairly typical: [face sixty years in prison for innocent chemistry experiments](http://www.masslive.com/localbuzz/index.ssf/2009/06/actionreaction_how_one_teens_c.html); lose interest in chemistry; [program insane electric guitars for Kiss](https://www.youtube.com/watch?v=dXZi4UZjiiI&t=10); decide to revolutionize the internet.
+
+Jack was one of the first people to discover LBRY and took to it so fast he may understand more about it than anyone.
+
+Jack has Asperger's Syndrome and is actively involved in the autism community. He was a regular on Wrong Planet's Autism Talk TV, has appeared on _National Public Radio_, the _New York Times_, and presents around the country.

posts/bio/jeremy-kauffman.md

@@ -0,0 +1,11 @@
+---
+name: Jeremy Kauffman
+role: Founder, Chief Executive Officer
+email: jeremy@lbry.io
+---
+
+Jeremy knows how to build and scale a startup starting from day one. He knows how to deliver usable products and get those products in front of the right people.
+
+Jeremy is responsible for the packing, presentation, and strategy of LBRY, as well as some design aspects. He is a longtime supporter of decentralized technology and freedom of information.
+
+Jeremy founded [TopScore](//usetopscore.com), a startup that processes millions of dollars monthly in event and activity registrations. He also attended [Rensselaer Polytechnic Institute](//rpi.edu), where he received degrees in physics and computer science.

posts/bio/jimmy-kiselak.md

@@ -0,0 +1,10 @@
+---
+name: Jimmy Kiselak
+role: Founder, Core Developer
+email: jimmy@lbry.io
+---
+Jimmy is the second member of team LBRY to graduate from Rensselaer with degrees in computer science and physics. After, he found himself mired in government bureaucracy, spending too much time to get too little done.
+
+Ready to work on a project he believed in, Jimmy left a national security programming job to start LBRY. Jimmy created the LBRY protocol and the first LBRY application.
+
+Jimmy is a Bitcoin fanatic and has been since its early days. He has long been interested in the benefits of decentralization.

posts/bio/josh-finer.md

@@ -0,0 +1,8 @@
+---
+name: Josh Finer
+role: Founder, Chief Operations & Growth Officer
+email: josh@lbry.io
+---
+Josh's combination of an MBA, strong analytical skills, programming skills, advertising expertise, and a perceptive insight to financial markets lead him to frequently bear the only title that can summarize such diverse wizardry: problem solver.
+
+Josh has founded innovative financial companies (later acquired), run millions of dollars in Adwords campaigns, and been an early actor in other crypto projects. Josh's contributions to LBRY will be as diverse as his background.

posts/bio/michael-huemer.md

@@ -0,0 +1,7 @@
+---
+name: Michael Huemer
+role: Ethical Advisor
+---
+Michael Huemer is Professor of Philosophy and Ethics at the [University of Colorado](//www.colorado.edu/), where he has taught since 1998\. He has published three single-author scholarly books (including _[Ethical Intuitionism](http://www.amazon.com/Ethical-Intuitionism-Michael-Huemer/dp/0230573746)_), one edited anthology, and more than fifty academic articles in epistemology, ethics, political philosophy, and metaphysics.
+
+Huemer's articles have appeared in such journals as the _Philosophical Review_, _Mind_, the _Journal of Philosophy_, _Ethics_, and others. His materials are used as readings in classrooms nationwide. He received a B.A. from UC Berkeley and a Ph.D. from Rutgers University.

posts/bio/michael-zargham.md

@@ -0,0 +1,8 @@
+---
+name: Michael Zargham
+role: Founder, Chief Technical Officer
+email: zargham@lbry.io
+---
+Michael has spent years managing, designing, and overseeing a data science team and framework used to make multi-million dollar purchasing decisions for a large media company. He brings knowledge of the media distribution business, software development expertise, business development experience, technical skill and a network of corporate contacts.
+
+Michael’s ability to rapidly adapt new skill sets makes him a technical and business pocketknife of our startup team. He has a PhD in systems engineering from the University of Pennsylvania, with a focus on distributed systems.

posts/bio/mike-vine.md

@@ -0,0 +1,8 @@
+---
+name: Mike Vine
+role: Founder, Evangelist
+email: mike@lbry.io
+---
+With a humble BA in Philosophy from [Tulane University](http://tulane.edu/), Mike has built a successful financial services marketing company, [Centinel Consulting](http://www.centinel.net/). Centinel has helped clients grow from close to nothing to hundreds of thousands of visitors. He manages email marketing lists and social media accounts of the same size.
+
+Mike has been involved with the Bitcoin community since the early days. His friends have launched companies like [Lamassu BTM](//lamassu.is), [Coinapult](//coinapult.com), [Shapeshift](//shapeshift.io). Now, he's ready to 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.

posts/bio/reilly-smith.md

@@ -0,0 +1,8 @@
+---
+name: Reilly Smith
+role: Curator
+email: reilly@lbry.io
+---
+Reilly Smith serves as the in-house Curator and content liaison for LBRY. He has worked in the entertainment industry since 2010, having produced two indie feature films and various short content. His films have shown at Sundance, SXSW, Dallas IFF, and LA Film Fest and he has produced series for Zero Day Fox and Disney.
+
+Reilly holds a BA in Film and Media Studies from the University of Oklahoma.

posts/bio/stephan-kinsella.md

@@ -0,0 +1,7 @@
+---
+name: Stephan Kinsella
+role: Legal Advisor
+---
+Stephan Kinsella is a registered patent attorney and has over twenty years’ experience in patent, intellectual property, and general commercial and corporate law. He is the founder and director of the [Center for the Study of Innovative Freedom](http://c4sif.org/). Kinsella has published numerous articles and books on intellectual property law and legal topics including [_International Investment, Political Risk, and Dispute Resolution: A Practitioner’s Guide_](http://www.amazon.com/International-Investment-Political-Dispute-Resolution/dp/0379215225) and [_Against Intellectual Property_](https://mises.org/library/against-intellectual-property-0) .
+
+He received an LL.M. in international business law from [King’s College London](http://www.kcl.ac.uk/), a JD from the Paul M. Hebert Law Center at [Lousiana State University](//lsu.edu), as well as BSEE and MSEE degrees. His websites are [stephankinsella.com](stephankinsella.com) and [kinsellalaw.com](kinsellalaw.com)

posts/news/21-gmu-economist-alex-tabarrok-joins-lbry.md

@@ -8,7 +8,7 @@ LBRY Inc., the startup employing Bitcoin’s blockchain technology to revolution
 
 Economist Alex Tabarrok has joined LBRY as the company’s Economic Advisor. Tabarrok is Bartley J. Madden Chair in Economics at the Mercatus Center at George Mason University and director of The Center for Study of Public Choice at George Mason. He is a well published author in the field of law and economics, and is perhaps best known for his blog [Marginal Revolution](http://marginalrevolution.com/), a collaboration with fellow GMU economist Tyler Cowen. Tabarrok will provide expert guidance in creating incentives to maximize the utility of the LBRY content marketplace.
 
-<img src="https://lbry.io/img/alex-tabarrok-644x450.jpg" alt="Alex Tabarrok, Economic Advisor to LBRY">
+<img src="https://lbry.io/img/team/alex-tabarrok-644x450.jpg" alt="Alex Tabarrok, Economic Advisor to LBRY">
 
 LBRY is the first decentralized, open-source, encrypted content distribution service. It allows content producers to connect directly with consumers, bypassing middlemen like Netflix, iTunes, Amazon, and YouTube. LBRY addresses many of the flaws inherent in top-down, centralized content distribution systems, and could fundamentally alter they way we share media.
 

posts/news/26-jack-robison-escaped-60-years-in-prison-now-hes-revolutionizing-the-internet.md

@@ -6,7 +6,7 @@ date: '2015-12-31 17:10:59'
 
 Today, we officially announce the addition of Jack Robison to the [LBRY team](https://lbry.io/team) as Core Developer. Jack has been working on the project for some time, and we thought it was about time to recognize his growing role.
 
-<p style="text-align: center;"><img src="https://lbry.io/img/jack-robison-644x450.jpg" alt="Jack Robison, LBRY Core Developer"></p>
+<p style="text-align: center;"><img src="https://lbry.io/img/team/jack-robison-644x450.jpg" alt="Jack Robison, LBRY Core Developer"></p>
 
 We value Jack for his bursts of creative energy. In fact, Jack has quite a history with explosions. In high school, some of his homemade chemistry experiments caught the attention of law enforcement. The incident quickly became national news and goes to show that Jack doesn’t do anything half way, which makes him a perfect fit for the LBRY team.
 

posts/news/39-bandcamp-cool-growing-but-still-take-15-percent.md

@@ -7,7 +7,7 @@ Bandcamp, the online music store and platform for artist promotion, has a been a
 
 According to a Billboard article, Bandcamp has paid artists $150 million over the last eight years. The company reported paying out $4.3 million to musicians just in the last 30 days.
 
-![bandcamp guitar](/img/cAchinL.jpg)
+![bandcamp guitar](/img/news/cAchinL.jpg)
 
 Bandcamp has intentionally targeted independent artists and labels. As the company’s website puts it, “Bandcamp makes it easy for fans to directly connect with and support the artists they love. We treat music as art, not content, and we tie the success of our business to the success of the artists who we serve.”
 

posts/news/41-apple-lost-my-music.md

@@ -17,7 +17,7 @@ As in gone forever:
 
 >“Through the Apple Music subscription, which I had, Apple now deletes files from its users’ computers. When I signed up for Apple Music, iTunes evaluated my massive collection of Mp3s and WAV files, scanned Apple’s database for what it considered matches, then removed the original files from my internal hard drive. REMOVED them. Deleted. If Apple Music saw a file it didn’t recognize—which came up often, since I’m a freelance composer and have many music files that I created myself—it would then download it to Apple’s database, delete it from my hard drive, and serve it back to me when I wanted to listen, just like it would with my other music files it had deleted.”
 
-![applemusic](/img/applemusic.jpg)
+![applemusic](/img/news/applemusic.jpg)
 
 As you can imagine, this created serious problems for James, the least of which was the fact that he could no longer listen to his music without a WiFi connection. Another issue was that Apple’s matching system is apparently a less than precise science. Rare recordings of songs were replaced with “mainstream” versions. The platform also changed music file types, converting WAV files to lower quality MP3s or AACs.
 

posts/news/43-ultimate-wizard-meet-alex-grin.md

@@ -8,7 +8,7 @@ Alex Grintsvayg (aka “Grin”) played ultimate frisbee with LBRY founders Jere
 
 Grin has been named LBRY’s *Chief Infrastructure Officer*, but *Wizard* is probably more descriptive of his role on the team. He will contribute to the technical side of the operation, ensuring LBRY’s underlying infrastructure is rock-solid.
 
-![alexgrin](/img/grin-644x450.jpg)
+![alexgrin](/img/team/grin-644x450.jpg)
 
 With degrees in computer science and psychology from Rensselaer Polytechnic Institute, Grin has a unique ability to understand and apply new technologies. He also brings plenty of business knowledge to the table, with six years of experience running startup tech companies. Add to all of that his ultimate-frisbee skills – he played for a national-caliber team for seven years and professionally for the Philly Spinners – and you can see why we’ve dubbed him the Wizard.
 

posts/press.md

@@ -0,0 +1 @@
+LBRY is a new method for people to publish, share and purchase content with one another online.

view/template/content/_bio.php

@@ -0,0 +1,13 @@
+<div class="photo-container">
+  <img src="<?php echo $imgSrc ?>" alt="<?php echo $name ?>"/>
+</div>
+<h4>
+  <?php echo $name ?>
+  <?php if (isset($email)): ?>
+    <a href="mailto:<?php echo $email ?>" class="link-primary"><span class="icon icon-envelope"></span></a>
+  <?php endif ?>
+</h4>
+<div class="meta spacer1"><?php echo $role ?></div>
+<div class="markdown">
+  <?php echo $bioHtml ?>
+</div>

view/template/content/_postAuthor.php

@@ -2,7 +2,7 @@
   <div class="content content-dark">
     <div class="row-fluid">
       <div class="span3">
-        <img src="/img/<?php echo $photoImgSrc ?>" alt="<?php echo __('Photo of %name%', ['%name%' => $authorName]) ?>"/>
+        <img src="/img/team/<?php echo $photoImgSrc ?>" alt="<?php echo __('Photo of %name%', ['%name%' => $authorName]) ?>"/>
       </div>
       <div class="span9">
         <div class="meta">Author</div>

view/template/internal/zip.php

@@ -0,0 +1 @@
+<?php echo file_get_contents($zipPath) ?>

view/template/page/press-kit.php

@@ -0,0 +1,34 @@
+<?php Response::setMetaDescription('LBRY Press Kit. Information and media for those who want to report on LBRY.') ?>
+<?php NavActions::setNavUri('/learn') ?>
+<?php echo View::render('nav/header', ['isDark' => false]) ?>
+<main>
+  <div class="content content-light">
+    <h1>LBRY Press Kit</h1>
+    <p>
+      Information and media for those who want to write or report on LBRY.
+      Any information or media on this page or in our kit can be re-used or otherwise published without attribution.
+    </p>
+    <section>
+      <h3>Download Kit</h3>
+      <a href="/press-kit.zip" class="btn-primary"><span class="icon icon-download"></span><span class="btn-label">Download ZIP</span></a>
+    </section>
+    <section>
+      <h3>What is LBRY?</h3>
+      <?php echo ParsedownExtra::instance()->text(trim(file_get_contents(ROOT_DIR . '/posts/press.md'))) ?>
+    </section>
+    <section>
+      <h3>Logos and Product Images</h3>
+      <div class="column-fluid">
+        <?php foreach(glob(ROOT_DIR . '/web/img/press/*') as $imgPath): ?>
+          <div class="span6">
+            <div style="margin: 10px">
+              <?php $imgUrl = str_replace(ROOT_DIR . '/web', '', $imgPath) ?>
+              <h4><?php echo str_replace('/img/press/', '', $imgUrl) ?></h4>
+              <a href="<?php echo $imgUrl ?>"><img src="<?php echo $imgUrl ?>"/></a>
+            </div>
+          </div>
+        <?php endforeach ?>
+      </div>
+    </section>
+  </div>
+</main>

view/template/page/team.php

@@ -8,178 +8,41 @@
     <p>LBRY is made possible by more people than we could ever list here. The founding team is listed below.</p>
     <div class="row-fluid">
       <div class="span6 spacer2">
-        <div class="photo-container">
-          <img src="/img/jeremy-644x450.jpg" alt="Jeremy Kauffman"/>
-        </div>
-        <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, Chief Executive Officer</div>
-          <p>
-            Jeremy knows how to build and scale a startup starting from day one. He knows how to deliver usable products and get those products in front of the right people.
-          </p>
-          <p>
-            Jeremy is responsible for the packing, presentation, and strategy of LBRY, as well as some design aspects. He is a longtime BitTorrent community enthusiast.
-          </p>
-          <p>
-            Jeremy founded <a href="//usetopscore.com" class="link-primary">TopScore</a>, a startup that
-            processes millions of dollars monthly in event and activity registrations.
-            He also attended <a href="//rpi.edu" class="link-primary">Rensselaer Polytechnic Institute</a>, where he received degrees in physics and computer science.
-          </p>
-        </div>
+        <?php echo View::render('content/_bio', ['person' => 'jeremy-kauffman']) ?>
       </div>
       <div class="span6 spacer2">
-        <div class="photo-container">
-          <img src="/img/zargham-644x450.jpg" alt="Michael Zargham"/>
-        </div>
-        <div>
-          <h4>Michael Zargham <a href="mailto:zargham@lbry.io" class="link-primary"><span class="icon icon-envelope"></span></a></h4>
-          <div class="meta  spacer1">Founder, Chief Technical Officer</div>
-          <p>
-           Michael has spent years managing, designing, and overseeing a data science team and framework used to make multi-million dollar
-           purchasing decisions for a large media company. He brings knowledge of the media distribution business, software development
-           expertise, business development experience, technical skill and a network of corporate contacts.
-          </p>
-          <p>
-            Michael’s ability to rapidly adapt new skill sets makes him a technical and business pocketknife of our startup team. He has a
-            PhD in systems engineering from the University of Pennsylvania, with a focus on distributed systems.
-          </p>
-        </div>
+        <?php echo View::render('content/_bio', ['person' => 'michael-zargham']) ?>
       </div>
     </div>
     <div class="row-fluid">
       <div class="span6  spacer2">
-        <div class="photo-container">
-          <img src="/img/josh-644x450.jpg" alt="Josh Finer"/>
-        </div>
-        <div>
-          <h4>Josh Finer <a href="mailto:josh@lbry.io" class="link-primary"><span class="icon icon-envelope"></span></a></h4>
-          <div class="meta  spacer1">Founder, Chief Operations & Growth Officer</div>
-          <p>
-            Josh's combination of an MBA, strong analytical skills, programming skills, advertising expertise, and a perceptive insight to
-            financial markets lead him to frequently bear the only title that can summarize such diverse wizardry: problem solver.
-          <p>
-            Josh has founded innovative financial companies (later acquired), run millions of dollars in Adwords campaigns, and been an early
-            actor in other crypto projects. Josh's contributions to LBRY will be as diverse as his background.
-          </p>
-         </div>
+        <?php echo View::render('content/_bio', ['person' => 'josh-finer']) ?>
       </div>
       <div class="span6  spacer2">
-        <div class="photo-container">
-          <img src="/img/jimmy-644x450.jpg" alt="Jimmy Kiselak"/>
-        </div>
-        <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, Chief Product Officer</div>
-          <p>
-            Jimmy is the second member of team LBRY to graduate from Rensselaer with degrees in computer science and physics.
-            After, he found himself mired in government bureaucracy, spending too much time to get too little done.
-          </p>
-          <p>
-            Ready to work on a project he believed in, Jimmy left a national security programming job to start LBRY.
-            Jimmy created the LBRY protocol and the first LBRY application.
-          </p>
-          <p>
-            Jimmy is a Bitcoin fanatic and has been since its early days. He has long been interested in the benefits of decentralization.
-          </p>
-        </div>
+        <?php echo View::render('content/_bio', ['person' => 'jimmy-kiselak']) ?>
       </div>
     </div>
     <div class="row-fluid">
       <div class="span6  spacer2">
-        <div class="photo-container">
-          <img src="/img/mike-644x450.jpg" alt="Mike Vine"/>
-        </div>
-        <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">Founder, Evangelist</div>
-          <p>
-            With a humble BA in Philosophy from <a href="http://tulane.edu/" class="link-primary">Tulane University</a>, Mike has
-            built a successful financial services marketing company, <a href="http://www.centinel.net/" class="link-primary">Centinel Consulting</a>.
-            Centinel has helped clients grow from close to nothing to hundreds of thousands of visitors. He manages
-            email marketing lists and social media accounts of the same size.
-          </p>
-          <p>
-            Mike has been involved with the Bitcoin community since the early days. His friends have launched companies like
-            <a class="link-primary" href="//lamassu.is">Lamassu BTM</a>,
-            <a class="link-primary" href="//coinapult.com">Coinapult</a>,
-            <a class="link-primary" href="//shapeshift.io">Shapeshift</a>.
-            Now, he's ready to 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>
+        <?php echo View::render('content/_bio', ['person' => 'mike-vine']) ?>
       </div>
       <div class="span6  spacer2">
-        <div class="photo-container">
-          <img src="/img/grin-644x450.jpg" alt="Alex Grin"/>
-        </div>
-        <div>
-          <h4>Alex Grin <a href="mailto:grin@lbry.io" class="link-primary"><span class="icon icon-envelope"></span></a></h4>
-          <div class="meta  spacer1">Founder, Chief Infrastructure Officer</div>
-          <p>
-            One of Alex's job titles is Wizard, so named because he can seemingly understand and utilize
-            new technologies faster than they can be created.
-          </p>
-          <p>
-            Alex designs and manages scalable infrastructure solutions for SaaS firms, and is
-            leveraging that experience to ensure LBRY's architecture is rock-solid.
-          <p>
-            Alex is the 3rd dual-degree graduate from RPI on this team, receiving degrees in
-            Computer Science and Psychology. He is also an alumni of Stuyvesant High School.
-          </p>
-        </div>
+        <?php echo View::render('content/_bio', ['person' => 'alex-grintsvayg']) ?>
       </div>
     </div>
     <div class="row-fluid">
-
       <div class="span6  spacer2">
-        <div class="photo-container">
-          <img src="/img/jack-robison-644x450.jpg" alt="Jack Robison"/>
-        </div>
-        <div>
-          <h4>Jack Robison <a href="mailto:jack@lbry.io" class="link-primary"><span class="icon icon-envelope"></span></a></h4>
-          <div class="meta  spacer1">Founder, Core Developer</div>
-          <p>
-            Jack's path to developer with LBRY is fairly typical:
-            <a href="http://www.masslive.com/localbuzz/index.ssf/2009/06/actionreaction_how_one_teens_c.html" class="link-primary">
-              face sixty years in prison for innocent chemistry experiments</a>; lose interest in chemistry;
-            <a href="https://www.youtube.com/watch?v=dXZi4UZjiiI&t=10" class="link-primary">program insane electric guitars for Kiss</a>;
-            decide to revolutionize the internet.
-          </p>
-          <p>
-            Jack was one of the first people to discover LBRY and took to it so fast he may understand more
-            about it than anyone.
-          <p>
-            Jack has Asperger's Syndrome and is actively involved in the autism community. He was a regular on Wrong Planet's
-            Autism Talk TV, has appeared on
-            <em>National Public Radio</em>, the <em>New York Times</em>, and presents around the country.
-          </p>
-        </div>
+        <?php echo View::render('content/_bio', ['person' => 'jack-robison']) ?>
       </div>
       <div class="span6">
-        <div class="photo-container">
-          <img src="/img/reilly-smith-644x450.jpg" alt="Reilly Smith"/>
-        </div>
-        <div>
-          <h4>Reilly Smith <a href="mailto:reilly@lbry.io" class="link-primary"><span class="icon icon-envelope"></span></a></h4>
-          <div class="meta  spacer1">Curator</div>
-          <p>
-          Reilly Smith serves as the in-house Curator and content liaison for LBRY. 
-          He has worked in the entertainment industry since 2010, having produced two indie feature films and various short content. His films have shown at Sundance, SXSW, Dallas IFF, and LA Film Fest and he has produced series for Zero Day Fox and Disney.
-          </p>
-          <p>
-          Reilly holds a BA in Film and Media Studies from the University of Oklahoma.
-          </p>
-        </div>
+        <?php echo View::render('content/_bio', ['person' => 'reilly-smith']) ?>
       </div>
     </div>
     <div class="row-fluid">
       <div class="span3"></div>
       <div class="span6">
         <div class="photo-container">
-          <img src="/img/spooner-644x450.jpg" alt="you!"/>
+          <img src="/img/team/spooner-644x450.jpg" alt="you!"/>
         </div>
         <div>
           <h4>You</h4>
@@ -195,80 +58,19 @@
     <h2>Advisory Team</h2>
     <div class="row-fluid">
       <div class="span6 spacer2">
-        <div class="photo-container">
-          <img src="/img/alex-tabarrok-644x450.jpg" alt="Alex Tabarrok"/>
-        </div>
-        <div>
-          <h4>Alex Tabarrok</h4>
-          <div class="meta  spacer1">Economic Advisor</div>
-          <p>Alex Tabarrok is Bartley J. Madden Chair in Economics at the <a href="http://mercatus.org/" class="link-primary">Mercatus Center</a>
-            and a professor of economics at <a href="https://gmu.edu" class="link-primary">George Mason University</a>. He specializes in intellectual property reform, the effectiveness of markets, and the justice system.
-          </p>
-          <p>Tabarrok is the coauthor, with Mercatus colleague Tyler Cowen, of the popular economics blog <a class="link-primary" href="http://www.marginalrevolution.com/"><em>Marginal Revolution</em></a>
-            and cofounder of the online educational platform <a class="link-primary" href="http://mruniversity.com/">Marginal Revolution University</a>.
-            He is the coauthor of
-            <em><a href="http://www.amazon.com/Modern-Principles-Economics-Tyler-Cowen/dp/1429239972" class="link-primary">Modern Principles of Economics</a></em>,
-            and author of the recent book
-            <em><a href="http://www.amazon.com/Launching-The-Innovation-Renaissance-Market-ebook/dp/B006C1HX24" class="link-primary">Launching the Innovation Renaissance</em></a>.
-            His articles have appeared in the<em> New York Times</em>, the<em> Washington Post</em>, the<em> Wall Street Journal</em>, and many
-            other prestigious publications.
-          </p>
-          <p>Tabarrok received his PhD in economics from
-            <a class="link-primary" href="http://en.wikipedia.org/wiki/George_Mason_University" title="George Mason University">George Mason University</a>.
-          </p>
-        </div>
+        <?php echo View::render('content/_bio', ['person' => 'alex-tabarrok']) ?>
       </div>
       <div class="span6 spacer2">
-        <div class="photo-container">
-          <img src="/img/stephan-644x450.jpg" alt="Stephan Kinsella"/>
-        </div>
-        <div>
-          <h4>Stephan Kinsella</h4>
-          <div class="meta  spacer1">Legal Advisor</div>
-          <p>
-            Stephan Kinsella is a registered patent attorney and has over twenty years’ experience in patent, intellectual property,
-            and general commercial and corporate law. He is the founder and director of the <a href="http://c4sif.org/" class="link-primary">Center for the Study of Innovative Freedom</a>.
-            Kinsella has published numerous articles and books on intellectual property law and legal topics including
-            <a href="http://www.amazon.com/International-Investment-Political-Dispute-Resolution/dp/0379215225" class="link-primary">
-              <em>International Investment, Political Risk, and Dispute Resolution: A Practitioner’s Guide</em>
-            </a>
-            and
-            <a href="https://mises.org/library/against-intellectual-property-0" class="link-primary">
-              <em>Against Intellectual Property</em>
-            </a>.
-          </p>
-          <p>
-            He received an LL.M. in international business law from <a href="http://www.kcl.ac.uk/" class="link-primary">King’s College London</a>, a JD from the Paul M. Hebert Law Center at
-            <a href="//lsu.edu" class="link-primary">Lousiana State University</a>,
-            as well as BSEE and MSEE degrees. His websites are <a href="stephankinsella.com" class="link-primary">stephankinsella.com</a>
-            and <a href="kinsellalaw.com" class="link-primary">kinsellalaw.com</a>
-          </p>
-        </div>
+        <?php echo View::render('content/_bio', ['person' => 'stephan-kinsella']) ?>
       </div>
     </div>
     <div class="row-fluid">
       <div class="span6">
-        <div class="photo-container">
-          <img src="/img/huemer-644x450.jpg" alt="Michael Huemer"/>
-        </div>
-        <div>
-          <h4>Michael Huemer</h4>
-          <div class="meta  spacer1">Ethical Advisor</div>
-          <p>
-            Michael Huemer is Professor of Philosophy and Ethics at the <a href="//www.colorado.edu/" class="link-primary">University of Colorado</a>,
-            where he has taught since 1998. He has published three single-author scholarly books
-          (including <em><a href="http://www.amazon.com/Ethical-Intuitionism-Michael-Huemer/dp/0230573746" class="link-primary">Ethical Intuitionism</a></em>),
-          one edited anthology, and more than fifty academic articles in  epistemology, ethics, political philosophy, and metaphysics.
-          </p>
-          <p>
-          Huemer's articles have appeared in such journals as the <em>Philosophical Review</em>, <em>Mind</em>, the <em>Journal of Philosophy</em>, <em>Ethics</em>, and others.
-          His materials are used as readings in classrooms nationwide. He received a B.A. from UC Berkeley and a Ph.D. from Rutgers University.
-          </p>
-        </div>
+        <?php echo View::render('content/_bio', ['person' => 'michael-huemer']) ?>
       </div>
       <div class="span6">
         <div class="photo-container">
-          <img src="/img/spooner-644x450.jpg" alt="you!"/>
+          <img src="/img/team/spooner-644x450.jpg" alt="you!"/>
         </div>
         <div>
           <h4>You</h4>

web/scss/_basic.scss

@@ -78,7 +78,7 @@ section
 .align-left { float: left; }
 .align-right { float: right; }
 
-.link-primary
+.link-primary, .markdown a[href]
 {
   @include anchor($color-primary);
 }
@@ -120,7 +120,10 @@ a:hover img
   text-decoration: none;
   border: 0 none;
   text-align: center;
-
+  > .icon + .btn-label
+  {
+    margin-left: 8px;
+  }
 }
 .btn-primary
 {