Changes from Jess

2018-03-23 00:13:34 +02:00 · 2018-03-23 00:13:34 +02:00 · de390fe925
parent cc935a4ebb
commit de390fe925
13 changed files with 67 additions and 58 deletions
--- a/src/hbs/data.json
+++ b/src/hbs/data.json
@ -47,7 +47,7 @@
        "title": "Telegram"
      },
      {
-        "url": "",
+        "url": "https://jessicaangelarts.us5.list-manage.com/subscribe/post?u=75a9608636af68b27e6dcd763&amp;id=c2440c42f7",
        "title": "Newsletter"
      },
      {
@ -55,16 +55,8 @@
        "title": "Project Proposal"
      },
      {
-        "url": "https://medium.com/truebit/maker-space-workshop-hardware-art-bounty-at-ethdenver-92912284598d",
-        "title": "SF Makeathon"
-      },
-      {
-        "url": "",
-        "title": "Collaborator Guidelines"
-      },
-      {
-        "url": "",
-        "title": "FAQ"
+        "url": "https://twitter.com/cryptoartsy",
+        "title": "Twitter"
      }
    ]
  }
--- a/src/hbs/index.hbs
+++ b/src/hbs/index.hbs
@ -8,8 +8,15 @@ hero:
    lower: 'Project.'
  eventsLabel: 'UPCOMING EVENTS'
  events:
-    - text: 'FEB 16-18: THE SPORTS CASTLE 1000 N. BROADWAY'
-      city: 'DENVER, COLARADO'    
+    - text: 'Memes and Crypto Art April 18 2018'
+      city: 'New York, NY'
+      href: 'https://www.eventbrite.com/e/the-memes-of-our-times-memes-and-art-on-the-blockchain-tickets-43833411915' 
+    - text: 'Digital Creativity + Blockchain April 26 2018'
+      city: 'Washington DC'
+      href: 'https://www.eventbrite.com/e/after-hours-gallery-talks-mixer-digital-creativity-and-the-blockchain-tickets-44326015305'
+    - text: 'CryptoCreative at Creative Tech Week 2018 - May 10 2018'
+      city: '87 Lafayette Street, New York, NY' 
+      href: 'https://www.eventbrite.com/e/cryptocreative-symposium-at-creative-tech-week-tickets-43637596225'
  button:
    label: 'Telegram Community'
    icon: 'images/telegram-logo.svg'
@ -26,13 +33,18 @@ hero:
 introduction:
  id: 'introduction'
  header: 'Introduction —'
-  subheader: '<a class="underline" href="https://truebit.io" rel="noopener" target="_blank">TrueBit</a>, in collaboration with artist <a class="underline" href="http://www.jessicaangelarts.com" rel="noopener" target="_blank">Jessica Angel</a>, are creating an open source, massive public art installation connected to the blockchain in real time.'
+  subheader: '<a class="underline" href="http://www.jessicaangelarts.com" rel="noopener" target="_blank">Jessica Angel</a>, in collaboration with <a class="underline" href="https://truebit.io" rel="noopener" target="_blank">TrueBit</a>, is creating an open source, massive public art installation connected to the blockchain in real time.'
  content:
    - 'This public structure will be the starting point for creative interactions and collaborations to happen with creatives from different parts of the world using the blockchain as a creative tool.'
    - 'We are facing exciting times in the history of humanity, and this project will pay tribute to the greatness of this technology, while proposing a holistic approach to knowledge; where music, art, education, economics, mathematics and philosophy take place under the same roof.'
+  pastEventsLabel: 'PAST EVENTS'
+  pastEvents:
+    - text: 'ETHDenver Maker Space Feb 16-18'
+      city: 'Denver, Colorado'
+      href: 'https://medium.com/truebit/enter-the-rabbit-hole-the-doge-ethereum-art-project-31e8116043c4'
  button:
    label: 'Signup for newsletter'
-    href: '#'
+    href: 'https://jessicaangelarts.us5.list-manage.com/subscribe/post?u=75a9608636af68b27e6dcd763&amp;id=c2440c42f7'
  nextSectionLink:
    text: 'Learn more about the project ↓'
    link: '#project'
@ -41,18 +53,18 @@ introduction:
 project:
  id: 'project'
  header: 'Project —'
-  subheader: 'This first art project proposes the visualization and experience of immersion inside the “dogetherium bridge”, an endeavour that TrueBit is undertaking to create a “bridge" between the Dogecoin and Ethereum blockchains.'
+  subheader: 'This first art project proposes building a physical structure that represents the "Dogethereum Bridge". We want to show in the real world the "bridge" TrueBit has built between the Dogecoin and Ethereum blockchains.'
  content:
    - 'Using high impact, immersive and interactive art, in conjunction with the underlying coding and computational workings happening in the Doge-ETH bridge, this project aims to foster community, participation and reflections around the pioneering work in the blockchain ecosystem.'
    - 'The art installation will be a traveling, penetrable sculpture that will provide an indoor and outdoor experience in the form of sounds, light and design. The surface of the installation will reflect the activity in the Doge-ETH bridge. The sculpture will be the space were creatives will realize their artistic vision.'

  images:
    - src: 'images/project-img1.png'
-      parallax: -0.2
+      parallax: 0.2
    - src: 'images/project-img2.png'
      parallax: -0.3
    - src: 'images/project-img3.png'
-      parallax: -0.1
+      parallax: -0.5

  button:
    label: 'Project Proposal'
@ -69,13 +81,14 @@ structure:
  button:
    label: 'Floor / Elevation Plans'
    icon: 'images/file.svg'
-    href: '#'
+    href: 'http://truebit.io/modelFEB5.3dm'
  content:
    upper:
-      - 'The starting point to conceptualize the public art structure is the Mobius bridge, a pedestrian bridge over the Avon, designed by Hakes Associates of Bristol, UK. We found this bridge to be remarkably interesting as it explores the structure of the Mobius strip, providing a connection between point A and B while maintaining a single, unified surface.'
-      - 'The Mobius strip leads to the construction of a very interesting solid called the Klein Bottle. Imagine connecting the sides of a paper ring to come up with a donut shape. Similarly, imagine connecting the sides of a Mobius strip, you would end up with a Klein bottle.'
+      - 'The starting point to conceptualize the public art structure is the Mobius bridge, designed by Hakes Associates of Bristol, UK. The bridge is abeautiful exploration of Mobius strips, providing a connection between point A and B while maintaining a single, unified surface.'
+      - 'The Mobius strip leads to the construction of a very interesting solid called the Klein Bottle. Klein bottles, like the Mobius strip, have a unified surface. In addition, the Klein bottle provides an enclosed environment perfect for showcasing other artistic work using blockchains.' 
    lower:
-      - 'The Klein bottle shares the same characteristics as the Mobius strip of having a unified surface. In addition, the Klein bottle provides an enclosed environment perfect for the development of a public programming schedule to take place inside of it. Hence, The public art structure will be a penetrable Klein bottle that symbolizes the bridge between the Dogecoin and Ethereum blockchains, connecting the outer side with the inner surface through the bottleneck pass way.'
+      - 'The Decentralized Art Collective is born out of the necessity to collaborate with people from different fields required to navigate the convergence between art and blockchain. The #ArtProject aims to be a hub that brings together the people capable of unveiling, in profound and creative ways, what it might mean to live in a world where value itself has been reimagined, using the very tools that will make that possible, both to fund ourselves as a sustainable community and to create mind-blowing, heart-opening work.'
+      - 'The Dogethereum bridge art structure will be the forerunner of a new generation of exciting creative projects, and the experimental platform for the creation of this Decentralized Art Collective, whose members are dynamic and whose vision is clear.'
  nextSectionLink:
    text: 'Learn more about the team ↓'
    link: '#team'
@ -106,13 +119,13 @@ team:
        description: 0.9
    - location: 'Toronto'
      name: 'Robbie Bent'
-      image: ''
+      image: 'images/dog-profile.png'
      parallax:
        image: 0.9
        description: 1.2
    - location: 'San Francisco'
      name: 'Sina Habibian'
-      image: ''
+      image: 'images/dog-profile.png'
      parallax:
        image: 1
        description: 1.2
@ -129,7 +142,7 @@ team:
        description: 0.8
    - location: 'Toronto'
      name: 'Aqeel Mohammad'
-      image: ''
+      image: 'images/dog-profile.png'
      parallax:
        image: 0.8
        description: 0.9
@ -165,13 +178,16 @@ getInvolved:
  buttons:
    - label: 'Get Involved'
      icon: 'images/file.svg'
-      href: 'https://medium.com/truebit/maker-space-workshop-hardware-art-bounty-at-ethdenver-92912284598d'
+      href: 'https://t.me/cryptoartproject'
    - label: 'Podcast'
      icon: 'images/file.svg'
-      href: 'https://soundcloud.com/artontheblockchain/episode-9-conversation-w-artnome'
+      href: 'https://soundcloud.com/artontheblockchain/aotb-11-a-conversation-with-jessica-angel-of-artprojectio'
    - label: 'News'
      icon: 'images/file.svg'
-      href: 'https://www.furtherfield.org/blockchain-geometries/'
+      href: 'https://medium.com/truebit/enter-the-rabbit-hole-the-doge-ethereum-art-project-31e8116043c4'
+    - label: 'Photos'
+      icon: 'images/file.svg'
+      href: 'https://www.facebook.com/TruebitProtocol/photos/?tab=album&album_id=2075880305990327'
  details:
    title: 'Some of the ideas gravitating around the project are (but not limited) to:'
    list:
--- a/src/hbs/partials/components/header.hbs
+++ b/src/hbs/partials/components/header.hbs
@ -1,9 +1,11 @@
 <header class="header js-scroll-header">
  <div class="header__container">
-    <a class="header-logo" href="{{data.rootUrl}}" title="artproject">
-      {{svg 'images/logo.svg'}}
-      <span class="header-logo__subtitle">ART PROJECT</span>
+    <a  href="{{data.rootUrl}}" title="artproject">
+      <img class="header-logo" src="../../../images/artproject.png" />
    </a>
+    <span class="header-logo__subtitle">
+        {{svg 'images/logo.svg'}}
+    </span>

    {{> components/nav}}

--- a/src/hbs/partials/components/hero.hbs
+++ b/src/hbs/partials/components/hero.hbs
@ -25,13 +25,13 @@

  <div class="hero__bottom">
    <div class="hero__detail js-parallax" data-rellax-speed="-0.2">
-      <h3 class="hero__detail__title js-sr">{{ hero.eventsLabel }}</h3>
-      <div class="js-sr">
+      <h3 class="js-sr">{{ hero.eventsLabel }}</h3>
+      <div class="js-sr hero__detail__float">
        {{#each hero.events as |event|}}
-          <p class="hero__detail__event">
+          <a class="hero__detail__event" href="{{ event.href }}">
            {{ event.text }},
            <strong class="hero__detail__city">{{ event.city }}</strong>
-          </p>
+          </a><br/>
        {{/each}}
      </div>
    </div>
--- a/src/hbs/partials/components/introduction.hbs
+++ b/src/hbs/partials/components/introduction.hbs
@ -28,6 +28,15 @@
              <p>{{paragraph}}</p>
            {{/each}}
          </div>
+          <h3 class="js-sr">{{ introduction.pastEventsLabel }}</h3>
+          <div class="js-sr">
+            {{#each introduction.pastEvents as |pastEvent|}}
+              <a class="hero__detail__event" href="{{ pastEvent.href }}">
+                {{ pastEvent.text }},
+                <strong class="hero__detail__city">{{ pastEvent.city }}</strong>
+              </a><br/>
+            {{/each}}
+          </div>
        </div>
      </div>

--- a/src/hbs/partials/components/structure.hbs
+++ b/src/hbs/partials/components/structure.hbs
@ -29,7 +29,7 @@
          <p>{{paragraph}}</p>
        {{/each}}
      </div>
-      <div class="text--large js-sr">
+      <div class="text--small js-sr">
        {{#each structure.content.lower as |paragraph|}}
          <p>{{paragraph}}</p>
        {{/each}}
--- a/src/images/artproject.png
+++ b/src/images/artproject.png
--- a/src/images/project-img1.png
+++ b/src/images/project-img1.png
--- a/src/images/project-img2.png
+++ b/src/images/project-img2.png
--- a/src/images/project-img3.png
+++ b/src/images/project-img3.png
--- a/src/styles/components/_header.scss
+++ b/src/styles/components/_header.scss
@ -35,30 +35,21 @@
  position: relative;
  z-index: 10;
  display: block;
-  color: $color-white;

  &__subtitle {
-    position: absolute;
-    right: 0;
-    bottom: -2px;
-    font-size: 10px;
-    transform: translate(50%, 100%);
+    margin: 25px 0 0 2px;
+    color: $color-white;
+
+    svg {
+      width: 50px;
+      height: 10px;
+    }

    @media #{$screen-sm} {
-      bottom: -5px;
-      font-size: 12px;
-    }
-  }
-
-  svg {
-    width: 75px;
-    height: 15px;
-  }
-
-  @media #{$screen-sm} {
-    svg {
-      width: 125px;
-      height: 26px;
+      svg {
+        width: 42px;
+        height: 9px;
+      }
    }
  }
 }
--- a/src/styles/components/_introduction.scss
+++ b/src/styles/components/_introduction.scss
@ -136,7 +136,6 @@
    }
  }

-  &__subheader,
  &__paragraph,
  &__link {
    margin-bottom: 30px;
--- a/src/styles/components/_project.scss
+++ b/src/styles/components/_project.scss
@ -22,7 +22,7 @@
  &__header {
    @media #{$screen-md} {
      position: absolute;
-      bottom: 100px;
+      top: -20px;
      left: 40px;
      z-index: 2;
    }