Skip to content

milocress/silk-road-narrative

Repository files navigation

Multimedia Markup Project

1 Task Summary

I’ve written a narrative essay, and I want to present it in a compelling way. Using [email protected]:zephyrys/silk-road-narrative.github.io.git, I’ve created a skeleton-essay, but it doesn’t have any of the frills that I’d like it to, such as images, multiple pages, etc.

My goal is to use literate programming to accomplish this goal.

2 Original org file

Below is the org-mode markup of my essay, upon which I based this paper.

#+OPTIONS: ':nil *:t -:t ::t <:t H:3 \n:nil ^:t arch:headline author:t
#+OPTIONS: broken-links:nil c:nil creator:nil d:(not "LOGBOOK") date:t e:t
#+OPTIONS: email:nil f:t inline:t num:t p:nil pri:nil prop:nil stat:t tags:t
#+OPTIONS: tasks:t tex:t timestamp:t title:t toc:t todo:t |:t
#+TITLE: Narrative
#+DATE: <2017-12-07 Thu>
#+AUTHOR: Milo Cress
#+SELECT_TAGS: export
#+EXCLUDE_TAGS: noexport
#+CREATOR: Emacs 25.3.1 (Org mode 9.1.4)

#+LATEX_CLASS: article
#+LATEX_CLASS_OPTIONS:
#+LATEX_HEADER:
#+LATEX_HEADER_EXTRA:
#+DESCRIPTION:
#+KEYWORDS:
#+SUBTITLE: Ross Ulbricht
#+LATEX_COMPILER: pdflatex
#+DATE: \today

#+OPTIONS: gid:nil html-link-use-abs-url:nil html-postamble:auto
#+OPTIONS: html-preamble:t html-scripts:t html-style:t tex:t toc-tag:nil
#+OPTIONS: toc-todo:nil whn:t
#+HTML_CONTAINER: div
#+HTML_HEAD_EXTRA:
#+CREATOR: <a href="http://www.gnu.org/software/emacs/">Emacs</a> 25.3.1 (<a href="http://orgmode.org">Org-mode</a> 9.1.4)
#+LATEX_HEADER:

* Prologue

A dull thrum accompanied the rhythmic shuffling of feet, muffled by the stacks of shelves the shufflers gazed at. It was a hot day, even by California standards, and the heat seemed to permeate through the walls of the library into Ross Ulbricht's soul. He was restless, and shifted his gaze from the laptop on the table in front of him to the window beside him. A patron sitting across from him at the table glanced up momentarily from her book, and buried herself once again in the fantasy world between her pages. But for Ross, escape was not an option. He searched for some breeze, some break in the stillness that stifled him. A shout behind him, followed by a crash, startled him from his reverie.

"F*** you!" An elderly man shouted behind him, bellowing at a woman who was in the process of pummelling him with any object she could lay her hands on within arm's reach. Riveted as he was by this exchange, a movement in the corner of his eye brought his focus back to the table where his laptop rested -- or had rested -- until a second ago. Frantically, he called out to the woman across the table, who had snatched up his machine and was sprinting for the exit. Any chance of following her disappeared as the man and woman (who had seemingly forgotten their quarrel) piled themselves on top of Ulbricht's body. Pinned beneath them, all he could hear between his own breath and the pumping of his heart was a wheezing voice above him:

#+BEGIN_QUOTE
"You have the right to remain silent. Anything you say can and will be used against you in a court of law. You have the right to an attorney. If you cannot afford an attorney, one will be provided for you. Do you understand the rights I have just read to you? With these rights in mind, do you wish to speak to me?"
#+END_QUOTE

In that moment, one of the most elusive and enigmatic criminals was brought to justice. The operation that brought Ulbricht to justice was painstakingly choreographed, and  That day, Ulbricht's illicit marketplace for contraband such as fake licenses and drugs, known as the Silk Road, was taken down. But how did the black market's creator, Ross Ulbricht, evolve to embrace the iconic persona of the Dread Pirate Roberts, a symbol of rebellion, libertarianism, and anonymity on the Dark Web?

* Dark Web Intro

The contents of Ross's laptop would later serve as a primary source of evidence in the case against him. Most damning of all, however, was his laptop's connection to the dark web, and to a server he rented in Iceland. This evidence could only be gathered directly from his computer because of the nature of the technology he used. Tor, for example, the service that he used to browse the web anonymously, as well as to host his black-market website, the Silk Road, not only scrambles the /contents/ of messages, but also the /source and destination/, by routing all traffic through a massive network of layered encryption. The name Tor is itself an acronym, which stands for The Onion Router, so called because all traffic enters the system encrypted in three layers. As the message traverses the network, layers are incrementally peeled off, until the message exits the network in a format intelligible to the recipient computer (such as a webpage request, or a social media post). Tracing this traffic is almost impossible because of the strong encryption the system uses, leaving governing bodies at a loss for methods to combat illicit traffic on the dark web.

Particularly distressing to regulators are websites which run entirely within the Tor network. Unlike Google or Netflix, these so-called "hidden services" are designed to be completely anonymous -- both visitors and servers can interact without either knowing who the other is. This is a very powerful concept for anonymity.

#+BEGIN_QUOTE
Man is least himself when he talks in his own person. Give him a mask, and he will tell you the truth.
#+END_QUOTE

For example, consider an activist within an oppressive government wishing to leak classified or restricted information to inform the global community. Naturally, this person would require anonymity in order to speak out, especially in a nation which punishes protest and restricts free speech. Imagine that a website has been set up by fellow dissidents within this country in order to track human rights violations committed by the regime. If the regime were able to locate the dissidents' server, they would face punishment, and the truth of the atrocities may stay buried. The power of the dark web is its ability to connect these people in an anonymous way -- at no point must the leaker reveal her identity, nor must the dissidents reveal their location.

However, this technology had a great capacity for abuse. On the "clearnet" (any part of the web accessible via a search engine, such as [[https://google.com][Google]], sellers of drugs could only stay anonymous by keeping the address of their website hidden. The problem is, in order to get any sort of traffic or customer base, that address must be entrusted to /someone/. As the popularity of the black-market increases, so does the risk that this address falls into the hands of a law enforcement agency, who could then discover the location of the sellers' servers. This is exactly the problem that the dark web aims to solve.

Ulbricht was not the first person to attempt to sell drugs on the dark web. What made him successful was that he managed to solve a problem that had been the downfall of all of his predecessors -- payment. 

* The Silk Road's beginnings
   The problem of payment over the internet was not a new one. Most online vendors do not even consider it a problem, because of the robust suites of electronic payment transfer that have been developed in the past decade. But vendors of illicit goods are often stymied by the very anonymity that protects them -- as linking a Paypal account, say, to their black market, or arranging a wire transfer through Western Union would drastically increase their chances of getting caught, and make it simple for authorities to trace the origin of electronic payments from source to destination. 

   The root of the problem was trust. If you can't trust someone you don't know, how can you do business with them? This was the problem that services like Paypal solve: they serve as a trusted intermediary between two parties that may not trust each other. What if you can't trust this governing body? This was the question that plagued libertarians like Ross.

   Ulbricht's libertarian free-maret ethos shaped his life and career long before he built a black-market on the Dark Web. From a young age, he pursued a means of freeing himself and others from what he believed to be a coercive tyranny. When his doctoral thesis was rejected, he turned his focus to business. Eventually, he bagan to realize that he had the power to turn his libertarian ideals into reality.

   This power came from a new and decentralized solution to the problem of trust -- Bitcoin. 

   Bitcoin maintained an honest, trustworthy system, by making each user of the system responsible for keeping the system honest. Every transaction is recorded into a ledger known as the blockchain by bitcoin "miners," in groups referred to as "blocks" (these blocks are chained together over time, hence the term "blockchain"). These miners race each other to produce new blocks, and out inconsistencies in the transactions. The first miner to calculate a complete block is rewarded a certain amount of bitcoin (12.5 at the time of writing). A new block is produced, on average, once every ten minutes.

   The genius of this idea is that an adversary who wants to subvert the system to her own ends (by modifying the transaction ledger) is forced to compete in this race against the entire legitimate bitcoin network -- who likely outnumber her in computing power by several orders of magnitude. 

   No longer were dark net markets forced to trust a governing body. Using the emerging Bitcoin technology, they were now entering into a golden age of money-transfer anonymity.

   Here, we meet Ross Ulbricht once again. This time, rather than the drug kingpin he became, he is the gregarious, geeky scientist his friends and family knew him to be. 

   But nothing seems to be going his way. His Ph.D. is rejected, the business he and his neighbor started is failing, and he's fighting with his girlfriend. The idea for a truly free market had been bouncing around in his head for some time, but it is now that this concept starts to take root. Reckoning he'll need some kind of capital to start out with, he clears out his cabin, and starts growing mushrooms (the psychedelic kind). Then, he gets to work learning the fundamentals of setting up a truly anonymous and secure dark net market. He calls it the Silk Road.

   It's hard work, and Ross's market is nowhere near paying off. His self-taught programming is starting to get him into trouble. Ross starts keeping a personal journal to record his thoughts and goals.

#+BEGIN_QUOTE
Programming now. Patchwork php mysql. Don't know how to host my own site. Didn't know how to run bitcoind. Got the basics of my site written. Launched it on freedomhosting. Announced it on the bitcointalk forums. Only a few days after launch, I got my first signups, and then my first message. I was so excited I didn't know what to do with myself. Little by little, people signed up, and vendors signed up, and then it happened. My first order. I'll never forget it. The next couple of months, I sold about 10 lbs of shrooms through my site. Some orders were as small as a gram, and others were in the qp range. Before long, I completely sold out.
#+END_QUOTE

* The birth of the Dread Pirate Roberts
   As customers started to trickle into Ross's dark net market, Ross realized that for it to become the revolution he hoped it to be, he needed to create for himself a leader. The persona he created, he modeled after the movie character, the Dread Pirate Roberts, in part to add a sense of the exotic, and in part to form the basis of his legal defense -- in the movie The Princess Bride, the Dread Pirate Roberts was never one person, but rather a title passed on from master to worthy apprentice. What he created transcended plausible deniability. The Dread Pirate Roberts (DPR) created became an emblem of rebellion against the government, turned buying drugs and illicit goods from a deplorable act of desperation to an honorable declaration of freedom. This charisma was Ulbricht's greatest weapon, but the inflated ego that came with it would prove his downfall.

* Ulbricht's first mistake: Frosty stack exchange article
   It was in 2013 that Ross made his first really big mistake. On the internet technology forum, Stack Overflow, he posted a question regarding his dark net market. 

#+BEGIN_QUOTE
I'm trying to connect to a Tor hidden service using the following PHP code:

#+BEGIN_SRC php

$url = 'http://jhiwjjlqpyawmpjx.onion/'
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_PROXY, "http://127.0.0.1:9050/");
curl_setopt($ch, CURLOPT_PROXYTYPE, CURLPROXY_SOCKS5);
$output = curl_exec($ch);
$curl_error = curl_error($ch);
curl_close($ch);

print_r($output);
print_r($curl_error);
#+END_SRC

When I run it, I get the following error:

#+BEGIN_EXAMPLE
Couldn't resolve host name
#+END_EXAMPLE

However, when I run the following command from my command line in Ubuntu:

#+BEGIN_SRC shell
  curl -v --socks5-hostname localhost:9050 http://jhiwjjlqpyawmpjx.onion
#+END_SRC

I get a response as expected

The PHP cURL documentations says this:

#+BEGIN_EXAMPLE
--socks5-hostname
Use  the  specified  SOCKS5 proxy (and let the proxy resolve the host name).
#+END_EXAMPLE
I believe the reason it works from the command line is because Tor (the proxy) is resolving the .onion hostname, which it recognizes. When running the PHP code above, my guess is that cURL or PHP is trying to resolve the .onion hostname and doesn't recognize it. I've searched for a way to tell cURL/PHP to let the proxy resolve the hostname, but I can't find a way.
#+END_QUOTE

The trouble was, he slipped up, and used his personal email to sign up for his account.

* Ross Goes to the Dark Side
   Ross was starting to take a dark turn in his life. Business could not have been better, and yet the ardor of fighting off hackers, and the omnipresent paranoia were starting to take a toll on him. 

   His business associates, his friends, were being taken down by the authorities, one by one. Each one took with them a vital piece of the Silk Road's infrastructure. One of his lieutenants was embezzling Silk Road funds. The stress overcame him. He needed some outlet for his frustration, some sense of relief from his omnipresent guilt. 

   So, he decided to deal with the one problem he could handle, using the system that he himself had built. He would kill the thief. He messaged one of his associates, Nob, a drug dealer and gangster in the area, and told him that he had a situation that required violence to resolve. What he didn't know was that Nob was not a gangster, or even a drug dealer. His name was Carl Force, and he was a DEA agent, tasked with infiltrating Ulbricht's network. Rather than expose himself as an agent, he chose to play along with the ruse. Luckily for force, the thief had been taken into custody only a few days before, and was more than cooperative with the police. So, Force doused him in tomato sauce and framed the scene to appear as a bloody homocide. Ross was seemingly convinced by the photos that Force sent, and sent him $80,000 in bitcoin.

   A part of Ross knew that it was only a matter of time before he would be taken down too. But that voice of hesitance was being drowned out by his ego. He could not have achieved what he had without it. But he could not escape from the prison he had built himself without admitting that somewhere, someone was capable of finding him. This thought, in itself, was unbearable. So, day after day, he forced himself to believe that his system was secure against attackers, even when security advisers he trusted warned him of potential flaws. His system was not secure. A joint law enforcement operation had managed to hack his servers, and view the logs of his correspondence with other criminals on the network. As it turned out, he had commissioned another hit, this time on a blackmailer who claimed to have Ulbricht's identity. Ross had fallen from a radical idealist who had spoken out against the use of the dark web as a tool for harm to a hardened kingpin, set on doing anything that would keep him from facing justice.

* Closing the loop
   The police already had the evidence they needed to trace Ulbricht to DPR and the Silk Road, but they hadn't yet made the connection. It was dumb luck that an agent assigned to investigate a small-time mushroom dealer happened across the Silk Road investigation, and drew the parallel between the user "Frosty" and the Stack Overflow article from several years before.

   When the authorities took down the Silk Road, they found a small snippet of code, which perfectly matched the code that was given to him in the Stack Overflow thread.

   This was compelling proof, but not enough to convict him. What they would need was a stronger link between Ross Ulbricht and his alter-ego, the Dread Pirate Roberts. His laptop, they knew, would be a trove for such information, yet there was a great risk that the encryption on the hard disk would mean that shutting the laptop's cover would almost certainly make any data on it irrecoverable without a master password that Ross would likely refuse to give. For several days, the growing Silk Road task force was at an impasse.

   Then, an unexpected opportunity presented itself. Ulbricht left his home to go to the library a few blocks from where the police were stationed. Several agents entered the building after him, and set the scene for what was quite possibly the highest-stakes improv show performed. The audience was Ross Ulbricht, sitting near a window in the corner of the room, craving an escape. Escape was no longer an option.

3 Page Header

This is information that carries over to each page I’ll be using.

First, I’ll define the header that each page will share: page_header

<!doctype html>
<html lang="en">
  <head>
    <title>Narrative</title>
    <!-- 2017-12-20 Wed 14:21 -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="generator" content="Org-mode">
    <meta name="author" content="Milo Cress">

    <link  href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.113, 4
                 .3/jquery.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
    <link rel="stylesheet" href="css/animate.css">


    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>     <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <style>

      .top-nav-collapse {
      background-color: #82b1ff !important; 
      }
      .navbar:not(.top-nav-collapse) {
      background: transparent !important;
      }
      @media (max-width: 768px) {
      .navbar:not(.top-nav-collapse) {
      background: #82b1ff !important;
      } 
      }
      .intro-1 {
      height: 1050px;
      }
      @media (min-width: 770px) and (max-width: 1025px) {
      .intro-1 {
      height: 750px;
      }
      }
      @media (max-width: 740px) {
      .intro {
      height: 600px;
      }
      }

    </style>
  
    <style type="text/css">
      /* org mode styles on top of twbs */

      html {
      position: relative;
      min-height: 100%;
      }

      body {
      font-size: 18px;
      margin-bottom: 105px;
      }

      footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 101px;
      background-color: #f5f5f5;
      }

      footer > div {
      padding: 10px;
      }

      footer p {
      margin: 0 0 5px;
      text-align: center;
      font-size: 16px;
      }

      #table-of-contents {
      margin-top: 20px;
      margin-bottom: 20px;
      }

      blockquote p {
      font-size: 18px;
      }

      pre {
      font-size: 16px;
      }

      .footpara {
      display: inline-block;
      }

      figcaption {
      font-size: 16px;
      color: #666;
      font-style: italic;
      padding-bottom: 15px;
      }

      /* from twbs docs */

      .bs-docs-sidebar.affix {
      position: static;
      }
      @media (min-width: 768px) {
      .bs-docs-sidebar {
      padding-left: 20px;
      }
      }

      /* All levels of nav */
      .bs-docs-sidebar .nav_org_mode > li > a {
      display: block;
      padding: 4px 20px;
      font-size: 14px;
      font-weight: 500;
      color: #999;
      }
      .bs-docs-sidebar .nav_org_mode > li > a:hover,
      .bs-docs-sidebar .nav_org_mode > li > a:focus {
      padding-left: 19px;
      color: #A1283B;
      text-decoration: none;
      background-color: transparent;
      border-left: 1px solid #A1283B;
      }
      .bs-docs-sidebar .nav_org_mode > .active > a,
      .bs-docs-sidebar .nav_org_mode > .active:hover > a,
      .bs-docs-sidebar .nav_org_mode > .active:focus > a {
      padding-left: 18px;
      font-weight: bold;
      color: #A1283B;
      background-color: transparent;
      border-left: 2px solid #A1283B;
      }

      /* Nav: second level (shown on .active) */
      .bs-docs-sidebar .nav_org_mode .nav {
      display: none; /* Hide by default, but at >768px, show it */
      padding-bottom: 10px;
      }
      .bs-docs-sidebar .nav_org_mode .nav > li > a {
      padding-top: 1px;
      padding-bottom: 1px;
      padding-left: 30px;
      font-size: 12px;
      font-weight: normal;
      }
      .bs-docs-sidebar .nav_org_mode .nav > li > a:hover,
      .bs-docs-sidebar .nav_org_mode .nav > li > a:focus {
      padding-left: 29px;
      }
      .bs-docs-sidebar .nav_org_mode .nav > .active > a,
      .bs-docs-sidebar .nav_org_mode .nav > .active:hover > a,
      .bs-docs-sidebar .nav_org_mode .nav > .active:focus > a {
      padding-left: 28px;
      font-weight: 500;
      }

      /* Nav: third level (shown on .active) */
      .bs-docs-sidebar .nav_org_mode .nav .nav {
      padding-bottom: 10px;
      }
      .bs-docs-sidebar .nav_org_mode .nav .nav > li > a {
      padding-top: 1px;
      padding-bottom: 1px;
      padding-left: 40px;
      font-size: 12px;
      font-weight: normal;
      }
      .bs-docs-sidebar .nav_org_mode .nav .nav > li > a:hover,
      .bs-docs-sidebar .nav_org_mode .nav .nav > li > a:focus {
      padding-left: 39px;
      }
      .bs-docs-sidebar .nav_org_mode .nav .nav > .active > a,
      .bs-docs-sidebar .nav_org_mode .nav .nav > .active:hover > a,
      .bs-docs-sidebar .nav_org_mode .nav .nav > .active:focus > a {
      padding-left: 38px;
      font-weight: 500;
      }

      /* Show and affix the side nav when space allows it */
      @media (min-width: 992px) {
      .bs-docs-sidebar .nav_org_mode > .active > ul {
      display: block;
      }
      /* Widen the fixed sidebar */
      .bs-docs-sidebar.affix,
      .bs-docs-sidebar.affix-bottom {
      width: 213px;
      }
      .bs-docs-sidebar.affix {
      position: fixed; /* Undo the static from mobile first approach */
      top: 20px;
      }
      .bs-docs-sidebar.affix-bottom {
      position: absolute; /* Undo the static from mobile first approach */
      }
      .bs-docs-sidebar.affix .bs-docs-sidenav,.bs-docs-sidebar.affix-bottom .bs-docs-sidenav {
      margin-top: 0;
      margin-bottom: 0
      }
      }
      @media (min-width: 1200px) {
      /* Widen the fixed sidebar again */
      .bs-docs-sidebar.affix-bottom,
      .bs-docs-sidebar.affix {
      width: 263px;
      }
      }

      /* Jarallax Styles
      .jarallax {
      position: relative;
      z-index: 0;
      }
      .jarallax > .jarallax-img {
      position: absolute;
      object-fit: cover;
      /* support for plugin https:/bfred-it/object-fit-images */
      font-family: 'object-fit: cover;';
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      }
    </style>
    <script type="text/javascript">
      $(function() {
      'use strict';

      $('.bs-docs-sidebar li').first().addClass('active');

      $(document.body).scrollspy({target: '.bs-docs-sidebar'});

      $('.bs-docs-sidebar').affix();
      });
    </script>
  </head>

4 Content

Next, I’ll separate the skeleton content into code blocks, so that I can easily manipulate multimedia between them.

4.1 Content Preamble

content_preamble

<body>
  <main>
  <header>
    <<navbar>> 
  </header>
  <div id="content" class="container">
    <div class="row"><div class="col-md-9">

4.2 Section 1

content_sec-1

<div id="outline-container-sec-1" class="outline-2">
    <div class="outline-text-2" id="text-1">
        <p class="wow fadeIn">
            A dull thrum accompanied the rhythmic shuffling of feet, muffled by the stacks of shelves the shufflers gazed at. It was a hot day, even by California standards, and the heat seemed to permeate through the walls of the library into Ross Ulbricht's soul. He was restless, and shifted his gaze from the laptop on the table in front of him to the window beside him. A patron sitting across from him at the table glanced up momentarily from her book, and buried herself once again in the fantasy world between her pages. But for Ross, escape was not an option. He searched for some breeze, some break in the stillness that stifled him. A shout behind him, followed by a crash, startled him from his reverie.
        </p>

        <p class="wow fadeIn">
            "F*** you!" An elderly man shouted behind him, bellowing at a woman who was in the process of pummelling him with any object within arm's reach. Riveted as he was by this exchange, a movement in the corner of his eye brought his focus back to the table where his laptop rested &#x2013; or had rested &#x2013; until a second ago. Frantically, he called out to the woman across the table, who had snatched up his machine and was sprinting for the exit. Any chance of following her disappeared as the man and woman (who had seemingly forgotten their quarrel) piled themselves on top of Ulbricht's body. Pinned beneath them, all he could hear between his own breath and the pumping of his heart was a wheezing voice above him:
        </p>

        <blockquote>
            <p class="wow fadeIn">
                "You have the right to remain silent. Anything you say can and will be used against you in a court of law. You have the right to an attorney. If you cannot afford an attorney, one will be provided for you. Do you understand the rights I have just read to you? With these rights in mind, do you wish to speak to me?"
            </p>
        </blockquote>

        <p class="wow fadeIn">
            In that moment, one of the most elusive and enigmatic cyber-criminals was brought to justice. That day, Ulbricht's illicit marketplace for contraband such as fake licenses and drugs, known as the Silk Road, was taken down. But how did the black market's creator, Ross Ulbricht, evolve to embrace the iconic persona of the Dread Pirate Roberts, a symbol of rebellion, libertarianism, and anonymity on the Dark Web?
        </p>
    </div>
</div>

4.3 Section 2

content_sec-2

<div id="outline-container-sec-2" class="outline-2">
    <div class="outline-text-2" id="text-2">
        <p class="wow fadeIn">
            The contents of Ross's laptop would later serve as a primary source of evidence in the case against him. Most damning of all, however, was his laptop's connection to the dark web, and to a server he rented in Iceland. This evidence could only be gathered directly from his computer because of the nature of the technology he used. Tor, for example, the service that he used to browse the web anonymously, as well as to host his black-market website, the Silk Road, not only scrambles the <i>contents</i> of messages, but also the <i>source and destination</i>, by routing all traffic through a massive network of layered encryption. The name Tor is itself an acronym, which stands for The Onion Router, so called because all traffic enters the system encrypted in three layers. As the message traverses the network, layers are incrementally peeled off, until the message exits the network in a format intelligible to the recipient computer (such as a webpage request, or a social media post). Tracing this traffic is almost impossible because of the strong encryption the system uses, leaving governing bodies at a loss for methods to combat illicit traffic on the dark web.
        </p>

        <p class="wow fadeIn">
            Particularly distressing to regulators are websites which run entirely within the Tor network. Unlike Google or Netflix, these so-called "hidden services" are designed to be completely anonymous &#x2013; both visitors and servers can interact without either knowing who the other is. This is a very powerful concept for anonymity.
        </p>

        <blockquote>
            <p class="wow fadeIn">
                Man is least himself when he talks in his own person. Give him a mask, and he will tell you the truth. - Oscar Wilde
            </p>
        </blockquote>

        <p class="wow fadeIn">
            For example, consider an activist within an oppressive government wishing to leak classified or restricted information to inform the global community. Naturally, this person would require anonymity in order to speak out, especially in a nation which punishes protest and restricts free speech. Imagine that a website has been set up by fellow dissidents within this country in order to track human rights violations committed by the regime. If the regime were able to locate the dissidents' server, they would face punishment, and the truth of the atrocities may stay buried. The power of the dark web is its ability to connect these people in an anonymous way &#x2013; at no point must the leaker reveal her identity, nor must the dissidents reveal their location.
        </p>

        <p class="wow fadeIn">
            However, this technology had a great capacity for abuse. On the "clearnet" (any part of the web accessible via a search engine, such as <a href="https://google.com">Google</a>, sellers of drugs could only stay anonymous by keeping the address of their website hidden. The problem is, in order to get any sort of traffic or customer base, that address must be entrusted to <i>someone</i>. As the popularity of the black-market increases, so does the risk that this address falls into the hands of a law enforcement agency, who could then discover the location of the sellers' servers. This is exactly the problem that the dark web aims to solve.
        </p>

        <p class="wow fadeIn">
            Ulbricht was not the first person to attempt to sell drugs on the dark web. What made him successful was that he managed to solve a problem that had been the downfall of all of his predecessors &#x2013; payment. 
        </p>
    </div>
</div>

4.4 Section 3

content_sec-3

<div id="outline-container-sec-3" class="outline-2">
    <div class="outline-text-2" id="text-3">
        <p class="wow fadeIn">
            The problem of payment over the internet was not a new one. Most online vendors at the time didn't even see it as a problem, because of the robust suites of electronic payment transfer software that have been developed in the past decade. But vendors of illicit goods are often stymied by the very anonymity that protects them &#x2013; as linking a Paypal account, say, to their black market, or arranging a wire transfer through Western Union would drastically increase their chances of getting caught, and make it simple for authorities to trace the origin of electronic payments from source to destination. 
        </p>

        <p class="wow fadeIn">
            The root of the problem was trust. If you can't trust someone you don't know, how can you do business with them? This was the problem that services like Paypal solve: they serve as a trusted intermediary between two parties that may not trust each other. What if you can't trust this governing body? This was the question that plagued libertarians like Ross.
        </p>

        <p class="wow fadeIn">
            Ulbricht's libertarian free-maret ethos shaped his life and career long before he built a black-market on the Dark Web. From a young age, he pursued a means of freeing himself and others from what he believed to be a coercive tyranny. When his doctoral thesis was rejected, he turned his focus to business. Eventually, he began to realize that he had the power to turn his libertarian ideals into reality.
        </p>

        <p class="wow fadeIn">
            This power came from a new and decentralized solution to the problem of trust &#x2013; Bitcoin. 
        </p>

        <p class="wow fadeIn">
            Bitcoin maintained an honest, trustworthy system, by making each user of the system responsible for keeping the system honest. Every transaction is recorded into a ledger known as the blockchain by bitcoin "miners," in groups referred to as "blocks" (these blocks are chained together over time, hence the term "blockchain"). These miners race each other to produce new blocks, and weed out inconsistencies in the transactions. The first miner to calculate a complete block is rewarded a certain amount of bitcoin (12.5 at the time of writing). A new block is produced, on average, once every ten minutes.
        </p>

        <p class="wow fadeIn">
            The genius of this idea is that an adversary who wants to subvert the system to her own ends (by modifying the transaction ledger) is forced to compete in this race against the entire legitimate bitcoin network &#x2013; who likely outnumber her in computing power by several orders of magnitude. 
        </p>

        <p class="wow fadeIn">
            No longer were dark net markets forced to trust a governing body. Using the emerging Bitcoin technology, they were now entering into a golden age of money-transfer anonymity.
        </p>

        <p class="wow fadeIn">
            Here, we meet Ross Ulbricht once again. This time, rather than the drug kingpin he became, he is the gregarious, geeky scientist his friends and family knew him to be. 
        </p>

        <p class="wow fadeIn">
            But nothing seems to be going his way. His Ph.D. is rejected, the business he and his neighbor started is failing, and he's fighting with his girlfriend. The idea for a truly free market had been bouncing around in his head for some time, but it is now that this concept starts to take root. Reckoning he'll need some kind of capital to start out with, he clears out his cabin, and starts growing mushrooms (the psychedelic kind). Then, he gets to work learning the fundamentals of setting up a truly anonymous and secure dark net market. He calls it the Silk Road.
        </p>

        <p class="wow fadeIn">
            It's hard work, and Ross's market is nowhere near paying off. His self-taught programming is starting to get him into trouble. Ross starts keeping a personal journal to record his thoughts and goals.
        </p>

        <blockquote>
            <p class="wow fadeIn">
                Programming now. Patchwork php mysql. Don't know how to host my own site. Didn't know how to run bitcoind. Got the basics of my site written. Launched it on freedomhosting. Announced it on the bitcointalk forums. Only a few days after launch, I got my first signups, and then my first message. I was so excited I didn't know what to do with myself. Little by little, people signed up, and vendors signed up, and then it happened. My first order. I'll never forget it. The next couple of months, I sold about 10 lbs of shrooms through my site. Some orders were as small as a gram, and others were in the qp range. Before long, I completely sold out.
            </p>
        </blockquote>
    </div>
</div>

4.5 Section 4

content_sec-4

<div id="outline-container-sec-4" class="outline-2">
    <div class="outline-text-2" id="text-4">
        <p class="wow fadeIn">
            As customers started to trickle into Ross's dark net market, Ross realized that for it to become the revolution he hoped it to be, he needed to create for himself a leader. The persona he created, he modeled after the movie character, the Dread Pirate Roberts, in part to add a sense of the exotic, and in part to form the basis of his legal defense &#x2013; in the movie The Princess Bride, the Dread Pirate Roberts was never one person, but rather a title passed on from master to worthy apprentice. What he created transcended plausible deniability. The Dread Pirate Roberts (DPR) became an emblem of rebellion against the government, and turned buying drugs and illicit goods from a deplorable act of desperation to an honorable declaration of freedom. This charisma was Ulbricht's greatest weapon, but the inflated ego that came with it would prove his downfall.
        </p>
    </div>
</div>

4.6 Section 5

content_sec-5

                <div id="outline-container-sec-5" class="outline-2">
                    <div class="outline-text-2" id="text-5">
                        <p class="wow fadeIn">
                            It was in 2013 that Ross made his first really big mistake. On the internet technology forum, Stack Overflow, he posted a question regarding his dark net market. 
                        </p>

                        <blockquote>
                            <p class="wow fadeIn">
                                I'm trying to connect to a Tor hidden service using the following PHP code:
                            </p>

                            <div class="org-src-container">

                                <pre class="src src-php"><span style="color: #b2b2b2; background-color: #292b2e;">$</span><span style="color: #7590db;">url</span> = <span style="color: #2d9574;">'http://jhiwjjlqpyawmpjx.onion/'</span>
                                    <span style="color: #b2b2b2; background-color: #292b2e;">$</span><span style="color: #7590db;">ch</span> = curl_init<span style="color: #4f97d7;">()</span>;
curl_setopt<span style="color: #4f97d7;">(</span><span style="color: #b2b2b2; background-color: #292b2e;">$</span><span style="color: #7590db;">ch</span>, <span style="color: #a45bad;">CURLOPT_URL</span>, <span style="color: #b2b2b2; background-color: #292b2e;">$</span><span style="color: #7590db;">url</span><span style="color: #4f97d7;">)</span>;
curl_setopt<span style="color: #4f97d7;">(</span><span style="color: #b2b2b2; background-color: #292b2e;">$</span><span style="color: #7590db;">ch</span>, <span style="color: #a45bad;">CURLOPT_RETURNTRANSFER</span>, <span style="color: #a45bad;">true</span><span style="color: #4f97d7;">)</span>;
curl_setopt<span style="color: #4f97d7;">(</span><span style="color: #b2b2b2; background-color: #292b2e;">$</span><span style="color: #7590db;">ch</span>, <span style="color: #a45bad;">CURLOPT_PROXY</span>, <span style="color: #2d9574;">"http://127.0.0.1:9050/"</span><span style="color: #4f97d7;">)</span>;
curl_setopt<span style="color: #4f97d7;">(</span><span style="color: #b2b2b2; background-color: #292b2e;">$</span><span style="color: #7590db;">ch</span>, <span style="color: #a45bad;">CURLOPT_PROXYTYPE</span>, <span style="color: #a45bad;">CURLPROXY_SOCKS5</span><span style="color: #4f97d7;">)</span>;
                                    <span style="color: #b2b2b2; background-color: #292b2e;">$</span><span style="color: #7590db;">output</span> = curl_exec<span style="color: #4f97d7;">(</span><span style="color: #b2b2b2; background-color: #292b2e;">$</span><span style="color: #7590db;">ch</span><span style="color: #4f97d7;">)</span>;
                                    <span style="color: #b2b2b2; background-color: #292b2e;">$</span><span style="color: #7590db;">curl_error</span> = curl_error<span style="color: #4f97d7;">(</span><span style="color: #b2b2b2; background-color: #292b2e;">$</span><span style="color: #7590db;">ch</span><span style="color: #4f97d7;">)</span>;
curl_close<span style="color: #4f97d7;">(</span><span style="color: #b2b2b2; background-color: #292b2e;">$</span><span style="color: #7590db;">ch</span><span style="color: #4f97d7;">)</span>;

print_r<span style="color: #4f97d7;">(</span><span style="color: #b2b2b2; background-color: #292b2e;">$</span><span style="color: #7590db;">output</span><span style="color: #4f97d7;">)</span>;
print_r<span style="color: #4f97d7;">(</span><span style="color: #b2b2b2; background-color: #292b2e;">$</span><span style="color: #7590db;">curl_error</span><span style="color: #4f97d7;">)</span>;
                                </pre>
                            </div>


                            <p class="wow fadeIn">
                                When I run it, I get the following error:
                            </p>

                            <pre class="example">
Couldn't resolve host name
                            </pre>

                            <p class="wow fadeIn">
                                However, when I run the following command from my command line in Ubuntu:
                            </p>

                            <div class="org-src-container">

                                <pre class="src src-shell">curl -v --socks5-hostname localhost:9050 http://jhiwjjlqpyawmpjx.onion
                                </pre>
                            </div>

                            <p class="wow fadeIn">
                                I get a response as expected
                            </p>

                            <p class="wow fadeIn">
                                The PHP cURL documentations says this:
                            </p>

                            <pre class="example">
--socks5-hostname
Use  the  specified  SOCKS5 proxy (and let the proxy resolve the host name).
                            </pre>
                            <p class="wow fadeIn">
                                I believe the reason it works from the command line is because Tor (the proxy) is resolving the .onion hostname, which it recognizes. When running the PHP code above, my guess is that cURL or PHP is trying to resolve the .onion hostname and doesn't recognize it. I've searched for a way to tell cURL/PHP to let the proxy resolve the hostname, but I can't find a way.
                            </p>
                        </blockquote>

                        <p class="wow fadeIn">
                            The trouble was, he slipped up, and used his personal email to sign up for his account.
                        </p>
                    </div>
                </div>

4.7 Section 6

content_sec-6

<div id="outline-container-sec-6" class="outline-2">
    <div class="outline-text-2" id="text-6">
        <p class="wow fadeIn">
            Ross was starting to take a dark turn in his life. Business could not have been better, and yet the ardor of fighting off hackers, and the omnipresent paranoia were starting to take a toll on him. 
        </p>

        <p class="wow fadeIn">
            His business associates, his friends, were being taken down by the authorities, one by one. Each one took with them a vital piece of the Silk Road's infrastructure. One of his lieutenants was embezzling Silk Road funds. The stress overcame him. He needed some outlet for his frustration, some sense of relief from his guilt. 
        </p>

        <p class="wow fadeIn">
            So, he decided to deal with the one problem he could handle, using the system that he himself had built. He would kill the thief. He messaged one of his associates, Nob, a drug dealer and gangster in the area, and told him that he had a situation that required violence to resolve. What he didn't know was that Nob was not a gangster, or even a drug dealer. His name was Carl Force, and he was a DEA agent, tasked with infiltrating Ulbricht's network. Rather than expose himself as an agent, he chose to play along with the ruse. Luckily for Force, the thief had been taken into custody only a few days before, and was more than cooperative with the police. So, Force doused him in tomato sauce and framed the scene to appear as a bloody homocide. Ross was seemingly convinced by the photos that Force sent, and sent him $80,000 in bitcoin.
        </p>

        <p class="wow fadeIn">
            A part of Ross knew that it was only a matter of time before he would be taken down too. But that voice of hesitance was being drowned out by his ego. He could not have achieved what he had without it. But he could not escape from the prison he had built himself without admitting that somewhere, someone was capable of finding him. This thought, in itself, was unbearable. So, day after day, he forced himself to believe that his system was secure against attackers, even when security advisers he trusted warned him of potential flaws. His system was not secure. A joint law enforcement operation had managed to hack his servers, and view the logs of his correspondence with other criminals on the network. As it turned out, he had commissioned another hit, this time on a blackmailer who claimed to have Ulbricht's identity. Ross had fallen from a radical idealist who had spoken out against the use of the dark web as a tool for harm to a hardened kingpin, set on doing anything that would keep him from facing justice.
        </p>
    </div>
</div>

4.8 Section 7

content_sec-7

<div id="outline-container-sec-7" class="outline-2">
    <div class="outline-text-2" id="text-7">
        <p class="wow fadeIn">
            The police already had the evidence they needed to trace Ulbricht to DPR and the Silk Road, but they hadn't yet made the connection. It was dumb luck that an agent assigned to investigate a small-time mushroom dealer happened across the Silk Road investigation, and drew the parallel between the user "Frosty" and the Stack Overflow article from several years before.
        </p>

        <p class="wow fadeIn">
            When the authorities took down the Silk Road, they found a small snippet of code, which perfectly matched the code that was given to him in the Stack Overflow thread.
        </p>

        <p class="wow fadeIn">
            This was compelling proof, but not enough to convict him. What they would need was a stronger link between Ross Ulbricht and his alter-ego, the Dread Pirate Roberts. His laptop, they knew, would be a trove for such information, yet there was a great risk that the encryption on the hard disk would mean that shutting the laptop's cover would almost certainly make any data on it irrecoverable without a master password that Ross would likely refuse to give. For several days, the growing Silk Road task force was at an impasse.
        </p>

        <p class="wow fadeIn">
            Then, an unexpected opportunity presented itself. Ulbricht left his home to go to the library a few blocks from where the police were stationed. Several agents entered the building after him, and set the scene for what was quite possibly the highest-stakes improv show performed. The audience was Ross Ulbricht, sitting near a window in the corner of the room, craving an escape. Escape was no longer an option.
        </p>
    </div>
</div>

5 Page Footer

page_footer

</div><div class="col-md-3"><nav id="table-of-contents">
    <div id="text-table-of-contents" class="bs-docs-sidebar">
      <ul class="nav_org_mode">
        <li><a href="./narrative-1.html#sec-1">1. Prologue</a></li>
        <li><a href="./narrative-1.html#sec-2">2. The Dark Web</a></li>
        <li><a href="./narrative-2.html#sec-3">3. The Silk Road's beginnings</a></li>
        <li><a href="./narrative-2.html#sec-4">4. The birth of the Dread Pirate Roberts</a></li>
        <li><a href="./narrative-3.html#sec-5">5. Ulbricht's first mistake</a></li>
        <li><a href="./narrative-3.html#sec-6">6. Ross Goes to the Dark Side</a></li>
        <li><a href="./narrative-4.html#sec-7">7. Closing the loop</a></li>
      </ul>
    </div>
  </nav>
</div></div></div>
</main>
<footer id="postamble" class="">
  <div>
    <p class="wow fadeIn">
  </div>
</footer>
<!-- Jarallax -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jarallax/1.9.2/jarallax.min.js"></script>

<!-- Include it if you want to use Video parallax -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jarallax/1.9.2/jarallax-video.min.js"></script>

<!-- Include it if you want to parallax any element -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jarallax/1.9.2/jarallax-element.min.js"></script>

<!-- Wow! CSS -->
<script src="js/wow.min.js"></script>
<script>
  new WOW().init();
</script>
</body>

6 Tangling into separate pages

Now, we are ready to create a multi-page site.

6.1 Toy example

Let’s create a toy example:

<<page_header>>
<<content_preamble>>
<<content_sec-1>>
<<page_footer>>

This evaluates to:

<<page_header>>
<<content_preamble>>
<<content_sec-1>>
<<page_footer>>

6.2 Dividing Content sections

Now we can decide which content sections we want on each page.

PageContent sections
11, 2
23, 4
35, 6
47

With this in mind, I’ve modified the page_footer code block to change the links in the table of contents to this page hierarchy (see above).

6.3 Page 1

<<page_header>>
<<parallax-1>>
<<content_preamble>>
    <<content_sec-1>>
</div></div></div>
<<parallax-2>> 
<br>
<div class="container"><div class="row"><div class="col-md-9">
    <<content_sec-2>>
    <p class="wow fadeIn"><a class="btn btn-primary btn-lg" href="./narrative-2.html" role="button">Read more &raquo;</a></p>
<<page_footer>>

6.4 Page 2

<<page_header>>
<<content_preamble>>
    <<content_sec-3>>
</div></div></div>
<<parallax-2>> 
<br>
<div class="container"><div class="row"><div class="col-md-9">
    <<content_sec-4>>
    <p class="wow fadeIn"><a class="btn btn-primary btn-lg" href="./narrative-3.html" role="button">Read more &raquo;</a></p>
<<page_footer>>

6.5 Page 3

<<page_header>>
<<content_preamble>>
    <<content_sec-5>>
</div></div></div>
<<parallax-2>> 
<br>
<div class="container"><div class="row"><div class="col-md-9">
    <<content_sec-6>>
    <p class="wow fadeIn"><a class="btn btn-primary btn-lg" href="./narrative-4.html" role="button">Read more &raquo;</a></p>
<<page_footer>>

6.6 Page 4

<<page_header>>
<<content_preamble>>
    <<content_sec-7>>
<<page_footer>>

7 Adding Multimedia

Our pages look nice. But they’re lacking the feel of a really professional story. Let’s explore some bootstrap code.

7.1 Navbar

Let’s create a navbar and include it in the Content Preamble.

<nav class="navbar navbar-toggleable-md navbar-dark bg-faded">
  <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item"><a class="nav-link" href="./narrative-1.html">Page 1</a></li>
      <li class="nav-item"><a class="nav-link" href="./narrative-2.html">Page 2</a></li>
      <li class="nav-item"><a class="nav-link" href="./narrative-3.html">Page 3</a></li>
      <li class="nav-item"><a class="nav-link" href="./narrative-4.html">Page 4</a></li>
      <li class="nav-item"><a class="nav-link" href="./multimedia.html">How I made this website</a></li>
    </ul>
  </div>
</nav>

7.2 Parallax Scrolling with Jarallax

<div class="view intro-1 intro hm-white-light jarallax" data-jarallax='{"speed": 0.2}' style="background-image: url(./image1.png);">
            <div class="full-bg-img">
                <div class="container flex-center">
                    <div class="row mt-5">
                        <div class="col-md-12 mb-3">
                            <div class="text-center">
                                <h1 class="white-text display-1 mb-2 wow fadeInDown" data-wow-delay="0.3s">Silk Road</h1>
                                <h3 class="font-up mb-3 mt-1 font-bold wow fadeInDown" data-wow-delay="0.4s">The Story of the Dread Pirate Roberts</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
<div class="view intro-1 intro hm-white-light jarallax" data-jarallax='{"speed": 0.2}' style="background-image: url(./image2.png);">
  <div class="full-bg-img">
  </div>
</div>
<div class="view intro-1 intro hm-white-light jarallax" data-jarallax='{"speed": 0.2}' style="background-image: url(./image3.png);">
  <div class="full-bg-img">
  </div>
</div>
<div class="view intro-1 intro hm-white-light jarallax" data-jarallax='{"speed": 0.2}' style="background-image: url(./image4.png);">
            <div class="full-bg-img">
            </div>
        </div>
<div class="view intro-1 intro hm-white-light jarallax" data-jarallax='{"speed": 0.2}' style="background-image: url(./image5.png);">
            <div class="full-bg-img">
            </div>
        </div>

Now, I’ve made several code blocks to make use of the “parallax” effect which is all the rage these days.

7.3 Wow.js

This is a js/css/html library that animates text in the viewport. With some experimentation, I realized that this effect can get really annoying really fast, if I don’t apply it in moderation. A big fade down is great for a heading, but if you do it for every paragraph people are going to smash their screens. I do like the fadeIn animation, and I’ve used it for all of the <p> tags. It’s understated, so you have to look for it, but it adds a subtle hint of professionalism :).

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages