summaryrefslogtreecommitdiff
path: root/site/templates
diff options
context:
space:
mode:
Diffstat (limited to 'site/templates')
-rw-r--r--site/templates/about.liquid13
-rw-r--r--site/templates/all.liquid26
-rw-r--r--site/templates/index.liquid134
-rw-r--r--site/templates/page.liquid16
-rw-r--r--site/templates/project.liquid26
5 files changed, 149 insertions, 66 deletions
diff --git a/site/templates/about.liquid b/site/templates/about.liquid
new file mode 100644
index 0000000..5858462
--- /dev/null
+++ b/site/templates/about.liquid
@@ -0,0 +1,13 @@
+<div class="entry page">
+ <span>
+ <span class="brady">
+ <img src="http://ltho.s3.amazonaws.com/twohustlers/2H_ABOUT_150616.jpg" style="width:100%">
+ <div class="aboutcontent">
+ <span class="aboutcontenttext">{{page.body | newline_to_br}}</span>
+ </div>
+ {% for image in shape.images %}<a href="mailto:{{image.caption}}?subject=SAY HELLO!" style="background-image:url({{ image.uri }})"><span>{{ image.label }}</span></a>{% endfor %}
+ <div class="collabscontent">{{page.collabs | newline_to_br}}</div>
+ <div class="contactcontent">{{page.contact | newline_to_br}}</div>
+ </span>
+ </span>
+</div>
diff --git a/site/templates/all.liquid b/site/templates/all.liquid
index edb31d2..34db1fc 100644
--- a/site/templates/all.liquid
+++ b/site/templates/all.liquid
@@ -1,6 +1,24 @@
-<div class="entry all">
- <div class="project">
- <img src="http://twohustlers.com/bigimages/ss15_1.jpg">
- <span>DIESEL SS15</span>
+<div class="entry all undone">
+ <img src="http://ltho.s3.amazonaws.com/twohustlers/abouttext.png" style="width:100%;">
+ <div id="project_list">
+ {% for project in advertisings %}
+ <div class="project" data-id="{{ project.id }}" data-type="advertising">
+ <img src="{{ project.thumbnail.uri }}">
+ <span>{{ project.menu }}</span>
+ </div>
+ {% endfor %}
+ {% for project in contents %}
+ <div class="project" data-id="{{ project.id }}" data-type="content">
+ <img src="{{ project.thumbnail.uri }}">
+ <span>{{ project.menu }}</span>
+ </div>
+ {% endfor %}
+ {% for project in experientials %}
+ <div class="project" data-id="{{ project.id }}" data-type="experiential">
+ <img src="{{ project.thumbnail.uri }}">
+ <span>{{ project.menu }}</span>
+ </div>
+ {% endfor %}
</div>
+ <div class="contactcontent">{{page.contact | newline_to_br}}</div>
</div>
diff --git a/site/templates/index.liquid b/site/templates/index.liquid
index 8797f25..572cf0a 100644
--- a/site/templates/index.liquid
+++ b/site/templates/index.liquid
@@ -67,12 +67,12 @@ WEBSITE BY OKFOCUS, http://okfoc.us, Internet Legends.
<meta name="google" content="notranslate">
<meta http-equiv="Content-Language" content="en">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-<meta name="description" content="OKFocus, Internet Legends">
+<meta name="description" content="Two Hustlers is a creative collective of radical thinkers, designers and storytellers. We build transformative experiences for passionate brands.">
+<meta property="og:url" content="http://twohustlers.com"/>
+<meta property="og:site_name" content="Two Hustlers" />
<meta property="og:title" content="TWOHUSTLERS">
<meta property="og:type" content="website">
-<meta property="og:image" content="http://twohustlers.com/assets/images/2H_LOGOMARK.png">
-<meta property="og:url" content="http://twohustlers.com/">
-<meta property="og:site_name" content="TWOHUSTLERS">
+<meta property="og:image" content="https://ltho.s3.amazonaws.com/twohustlers%2F0fa87125-e5b2-4020-8646-1155aba96250.jpg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
@@ -85,71 +85,113 @@ WEBSITE BY OKFOCUS, http://okfoc.us, Internet Legends.
<nav>
<div class="top">
<img src="assets/images/2H_WORDMARK.png" class="toplogo">
- <div class="cat">RETAIL</div>
- <div class="sub">
- {% for project in retail %}
- <a href="/retail/{{ project.id }}" data-image="{{ project.images[0].uri }}">{{ project.shortname }}</a>
+ <div class="cat" data-type="advertising">advertising</div>
+ <div class="sub" data-type="advertising">
+ {% for project in advertisings %}
+ <a href="#" data-type="advertising" data-id="{{ project.id }}" data-name="{{ project.menu }}" data-image="{{ project.thumbnail.uri }}">{{ project.menu }}</a>
{% endfor %}
</div>
- <div class="cat">advertising</div>
- <div class="sub">
- {% for project in advertising %}
- <a href="/advertising/{{ project.id }}">{{ project.shortname || project.title }}</a>
+ <div class="cat" data-type="content">digital programs</div>
+ <div class="sub" data-type="content">
+ {% for project in contents %}
+ <a href="#" data-type="content" data-id="{{ project.id }}" data-name="{{ project.menu }}" data-image="{{ project.thumbnail.uri }}">{{ project.menu }}</a>
{% endfor %}
</div>
- <div class="cat">experiential</div>
- <div class="sub">
- {% for project in experiential %}
- <a href="/experiential/{{ project.id }}">{{ project.shortname || project.title }}</a>
- {% endfor %}
- </div>
- <div class="cat">content</div>
- <div class="sub">
- {% for project in content %}
- <a href="/content/{{ project.id }}">{{ project.shortname || project.title }}</a>
+ <div class="cat" data-type="experiential">experiential</div>
+ <div class="sub" data-type="experiential">
+ {% for project in experientials %}
+ <a href="#" data-type="experiential" data-id="{{ project.id }}" data-name="{{ project.menu }}" data-image="{{ project.thumbnail.uri }}">{{ project.menu }}</a>
{% endfor %}
</div>
</div>
- <div class="middle">
+ <div class="middle" style="display: none">
<div class="cat index">VIEW ALL PROJECTS</div>
</div>
<div class="bottom">
- <div class="cat about">ABOUT</div>
- <div class="cat contact">CONTACT</div>
+ <div class="cat about">ABOUT/CONTACT</div>
+ <div class="contact">
+ {{ page.body | newline_to_br }}
+ </div>
</div>
</nav>
+
+<div id="loader_rapper">
+ <div id="loader_svg">
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 2528.9 458.1" xml:space="preserve">
+ <defs>
+ <mask id="rect">
+ <rect x="0" y="1100" width="2528" height="500" fill="#fff" id="loader_svg_status" />
+ </mask>
+ </defs>
+ <g id="rapper">
+ <g fill="transparent" stroke="#000">
+ <path d="M191.1,172.9L246.7 172.9 246.7 330.1 291.2 330.1 291.2 172.9 347.1 172.9 347.1 130.4 191.1 130.4 z"/>
+ <path d="M586.3,258.5L544.9 130.4 499.3 130.4 457.9 258.3 424.9 130.4 377.6 130.4 432 330.1 478.7 330.1 521.5 197.7 564.1 330.1 610 330.1 664.4 130.4 618.7 130.4 z"/>
+ <path d="M780.5,126.1c-56.3,0-104,40.9-104,104.2c0,63.1,47.6,104,104,104c56.1,0,103.7-40.8,103.7-104 C884.2,167,836.6,126.1,780.5,126.1z M780.5,290.4c-27.9,0-57.8-18.6-57.8-60.3c0-41.7,29.9-60.6,57.8-60.6 c27.6,0,57.5,18.9,57.5,60.6C838,271.8,808.1,290.4,780.5,290.4z"/>
+ <path d="M1042.7,208.7L963 208.7 963 130.4 918.4 130.4 918.4 330.1 963 330.1 963 250.6 1042.7 250.6 1042.7 330.1 1087.5 330.1 1087.5 130.4 1042.7 130.4 z"/>
+ <path d="M1245.4,254.3c0,24.2-13.5,36.3-34.6,36.3c-21.1,0-34.7-12.1-34.7-36.3v-124h-44.5V258c0,50.1,35.2,76.6,79.2,76.6 c43.9,0,79.2-26.5,79.2-76.6V130.4h-44.5V254.3z"/>
+ <path d="M1502.6,172.9L1558.2 172.9 1558.2 330.1 1602.7 330.1 1602.7 172.9 1658.6 172.9 1658.6 130.4 1502.6 130.4 z"/>
+ <path d="M1738.6,130.4L1694.1 130.4 1694.1 330.1 1824.8 330.1 1824.8 287.6 1738.6 287.6 z"/>
+ <path d="M1904.3,249.5L1978.7 249.5 1978.7 210.4 1904.3 210.4 1904.3 172.3 1986.3 172.3 1986.3 130.4 1859.8 130.4 1859.8 330.1 1986.6 330.1 1986.6 287.8 1904.3 287.8 z"/>
+ <path d="M2174.7,192.9c0-35.5-25.4-62.5-64.8-62.5h-79.2v199.7h44.5v-74.4h15.8l38,74.4h49l-42.8-80.9 C2159.8,240.5,2174.7,219.9,2174.7,192.9z M2101.5,217.4h-26.2v-48.5h26.2c18.3,0,28.2,9.3,28.2,24.2 C2129.7,207.3,2119.8,217.4,2101.5,217.4z"/>
+ <path d="M1479.3,269.2c-0.7-28.4-21.1-52.5-59.3-58.5l-26.9-4.4c-13.9-2.2-20-9.1-20.2-18.6c-0.3-11,10.2-21.7,26.8-22.1 c23-0.6,31.4,13.4,33.6,22.8h33.8h7.5c0,0,0-1.2-0.2-3.3c-0.2-2.3-0.7-5.8-1.6-9.7c-0.3-1.3-0.6-2.5-1-3.8 c-0.2-0.7-0.4-1.4-0.7-2c-0.5-1.5-1.1-3-1.7-4.4c0-0.1-0.1-0.2-0.1-0.2c-0.1-0.3-0.2-0.5-0.4-0.8c-8.9-19.7-29.4-38.9-70-37.9 c-38.3,1-70.9,28.3-69.9,66.1c0.8,29.6,21.9,51.6,55.9,57.2l27.5,4.4c13.3,2.2,21.7,9.3,21.9,19.4c0.3,12.4-10.2,21.1-27.6,21.6 c-24.8,0.6-37.7-12.3-41.4-28.4h-37.6h-4.3c0,0,0,1.9,0.3,4.5l0.2,1.4c0,0.1,0,0.1,0,0.2c0.1,0.4,0.1,0.8,0.2,1.2c0,0,0,0,0,0.1 c0.1,0.6,0.2,1.3,0.3,1.9c5,27.5,29.7,60,82.8,58.6C1454.7,332.9,1480.1,300.4,1479.3,269.2z"/>
+ <path d="M2355.9,269.2c-0.7-28.4-21.1-52.5-59.3-58.5l-26.9-4.4c-13.9-2.2-20-9.1-20.2-18.6c-0.3-11,10.2-21.7,26.8-22.1 c23-0.6,31.4,13.4,33.6,22.8h33.8h7.5c0,0,0-1.2-0.2-3.3c-0.2-2.3-0.7-5.8-1.6-9.7c-0.3-1.3-0.6-2.5-1-3.8 c-0.2-0.7-0.4-1.4-0.7-2c-0.5-1.5-1.1-3-1.7-4.4c0-0.1-0.1-0.2-0.1-0.2c-0.1-0.3-0.2-0.5-0.4-0.8c-8.9-19.7-29.4-38.9-70-37.9 c-38.3,1-70.9,28.3-69.9,66.1c0.8,29.6,21.9,51.6,55.9,57.2l27.5,4.4c13.3,2.2,21.7,9.3,21.9,19.4c0.3,12.4-10.2,21.1-27.6,21.6 c-24.8,0.6-37.7-12.3-41.4-28.4h-37.6h-4.3c0,0,0,1.9,0.3,4.5l0.2,1.4c0,0.1,0,0.1,0,0.2c0.1,0.4,0.1,0.8,0.2,1.2c0,0,0,0,0,0.1 c0.1,0.6,0.2,1.3,0.3,1.9c5,27.5,29.7,60,82.8,58.6C2331.3,332.9,2356.7,300.4,2355.9,269.2z"/>
+ </g>
+ <g mask="url(#rect)" fill="#000">
+ <path d="M191.1,172.9L246.7 172.9 246.7 330.1 291.2 330.1 291.2 172.9 347.1 172.9 347.1 130.4 191.1 130.4 z"/>
+ <path d="M586.3,258.5L544.9 130.4 499.3 130.4 457.9 258.3 424.9 130.4 377.6 130.4 432 330.1 478.7 330.1 521.5 197.7 564.1 330.1 610 330.1 664.4 130.4 618.7 130.4 z"/>
+ <path d="M780.5,126.1c-56.3,0-104,40.9-104,104.2c0,63.1,47.6,104,104,104c56.1,0,103.7-40.8,103.7-104 C884.2,167,836.6,126.1,780.5,126.1z M780.5,290.4c-27.9,0-57.8-18.6-57.8-60.3c0-41.7,29.9-60.6,57.8-60.6 c27.6,0,57.5,18.9,57.5,60.6C838,271.8,808.1,290.4,780.5,290.4z"/>
+ <path d="M1042.7,208.7L963 208.7 963 130.4 918.4 130.4 918.4 330.1 963 330.1 963 250.6 1042.7 250.6 1042.7 330.1 1087.5 330.1 1087.5 130.4 1042.7 130.4 z"/>
+ <path d="M1245.4,254.3c0,24.2-13.5,36.3-34.6,36.3c-21.1,0-34.7-12.1-34.7-36.3v-124h-44.5V258c0,50.1,35.2,76.6,79.2,76.6 c43.9,0,79.2-26.5,79.2-76.6V130.4h-44.5V254.3z"/>
+ <path d="M1502.6,172.9L1558.2 172.9 1558.2 330.1 1602.7 330.1 1602.7 172.9 1658.6 172.9 1658.6 130.4 1502.6 130.4 z"/>
+ <path d="M1738.6,130.4L1694.1 130.4 1694.1 330.1 1824.8 330.1 1824.8 287.6 1738.6 287.6 z"/>
+ <path d="M1904.3,249.5L1978.7 249.5 1978.7 210.4 1904.3 210.4 1904.3 172.3 1986.3 172.3 1986.3 130.4 1859.8 130.4 1859.8 330.1 1986.6 330.1 1986.6 287.8 1904.3 287.8 z"/>
+ <path d="M2174.7,192.9c0-35.5-25.4-62.5-64.8-62.5h-79.2v199.7h44.5v-74.4h15.8l38,74.4h49l-42.8-80.9 C2159.8,240.5,2174.7,219.9,2174.7,192.9z M2101.5,217.4h-26.2v-48.5h26.2c18.3,0,28.2,9.3,28.2,24.2 C2129.7,207.3,2119.8,217.4,2101.5,217.4z"/>
+ <path d="M1479.3,269.2c-0.7-28.4-21.1-52.5-59.3-58.5l-26.9-4.4c-13.9-2.2-20-9.1-20.2-18.6c-0.3-11,10.2-21.7,26.8-22.1 c23-0.6,31.4,13.4,33.6,22.8h33.8h7.5c0,0,0-1.2-0.2-3.3c-0.2-2.3-0.7-5.8-1.6-9.7c-0.3-1.3-0.6-2.5-1-3.8 c-0.2-0.7-0.4-1.4-0.7-2c-0.5-1.5-1.1-3-1.7-4.4c0-0.1-0.1-0.2-0.1-0.2c-0.1-0.3-0.2-0.5-0.4-0.8c-8.9-19.7-29.4-38.9-70-37.9 c-38.3,1-70.9,28.3-69.9,66.1c0.8,29.6,21.9,51.6,55.9,57.2l27.5,4.4c13.3,2.2,21.7,9.3,21.9,19.4c0.3,12.4-10.2,21.1-27.6,21.6 c-24.8,0.6-37.7-12.3-41.4-28.4h-37.6h-4.3c0,0,0,1.9,0.3,4.5l0.2,1.4c0,0.1,0,0.1,0,0.2c0.1,0.4,0.1,0.8,0.2,1.2c0,0,0,0,0,0.1 c0.1,0.6,0.2,1.3,0.3,1.9c5,27.5,29.7,60,82.8,58.6C1454.7,332.9,1480.1,300.4,1479.3,269.2z"/>
+ <path d="M2355.9,269.2c-0.7-28.4-21.1-52.5-59.3-58.5l-26.9-4.4c-13.9-2.2-20-9.1-20.2-18.6c-0.3-11,10.2-21.7,26.8-22.1 c23-0.6,31.4,13.4,33.6,22.8h33.8h7.5c0,0,0-1.2-0.2-3.3c-0.2-2.3-0.7-5.8-1.6-9.7c-0.3-1.3-0.6-2.5-1-3.8 c-0.2-0.7-0.4-1.4-0.7-2c-0.5-1.5-1.1-3-1.7-4.4c0-0.1-0.1-0.2-0.1-0.2c-0.1-0.3-0.2-0.5-0.4-0.8c-8.9-19.7-29.4-38.9-70-37.9 c-38.3,1-70.9,28.3-69.9,66.1c0.8,29.6,21.9,51.6,55.9,57.2l27.5,4.4c13.3,2.2,21.7,9.3,21.9,19.4c0.3,12.4-10.2,21.1-27.6,21.6 c-24.8,0.6-37.7-12.3-41.4-28.4h-37.6h-4.3c0,0,0,1.9,0.3,4.5l0.2,1.4c0,0.1,0,0.1,0,0.2c0.1,0.4,0.1,0.8,0.2,1.2c0,0,0,0,0,0.1 c0.1,0.6,0.2,1.3,0.3,1.9c5,27.5,29.7,60,82.8,58.6C2331.3,332.9,2356.7,300.4,2355.9,269.2z"/>
+ </g>
+ </g>
+ </svg>
+</div>
+</div>
+
<div id="scene_container">
<div id="scene"></div>
<div id="entry_container">
</div>
</div>
+<script type="text/plain" id="preload-image-list">
+{% for image in about.images %}{{ image.uri }}
+{% endfor %}</script>
+<script type="text/plain" id="box-image-list">
+{% for image in shape.images %}{{ image.uri }}
+{% endfor %}</script>
-<a class="burgWrapper" href="##">
- <div class="burg"></div>
-</a>
<div class="toggleRapper">
<div class="menuToggle"></div>
</div>
-<a href="#" class="logo"><img src="assets/images/2H_LOGOMARK.png"></a>
</body>
-<!-- if production else :-p -->
-<!--
-<script src="assets/app.min.js"></script>
--->
-<script src="assets/javascripts/mx/mx.skew.js"></script>
-<script src="assets/javascripts/mx/extensions/mx.scene.js"></script>
-<script src="assets/javascripts/mx/extensions/mx.unclampedOrbitCamera.js"></script>
-<script src="assets/javascripts/mx/primitives/mx.image.js"></script>
-<script src="assets/javascripts/vendor/jquery.min.js"></script>
-<script src="assets/javascripts/vendor/froogaloop.js"></script>
-<script src="assets/javascripts/vendor/flickity.pkgd.js"></script>
-<script src="assets/javascripts/vendor/loader.js"></script>
-<script src="assets/javascripts/vendor/wheel.js"></script>
-<script src="assets/javascripts/vendor/polyfill.js"></script>
-<script src="assets/javascripts/vendor/util.js"></script>
-<script src="assets/javascripts/_env.js"></script>
-<script src="assets/javascripts/app.js"></script>
+{% if meta.production %}
+ <script src="assets/app.min.js"></script>
+{% else %}
+ <script src="assets/javascripts/mx/mx.skew.js"></script>
+ <script src="assets/javascripts/mx/extensions/mx.scene.js"></script>
+ <script src="assets/javascripts/mx/extensions/mx.unclampedOrbitCamera.js"></script>
+ <script src="assets/javascripts/mx/extensions/mx.unclampedOrbitCameraMobile.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.image.js"></script>
+ <script src="assets/javascripts/vendor/jquery.min.js"></script>
+ <script src="assets/javascripts/vendor/froogaloop.js"></script>
+ <script src="assets/javascripts/vendor/fastclick.js"></script>
+ <script src="assets/javascripts/vendor/flickity.pkgd.js"></script>
+ <script src="assets/javascripts/vendor/loader.js"></script>
+ <script src="assets/javascripts/vendor/wheel.js"></script>
+ <script src="assets/javascripts/vendor/polyfill.js"></script>
+ <script src="assets/javascripts/vendor/util.js"></script>
+ <script src="assets/javascripts/_env.js"></script>
+ <script src="assets/javascripts/app.js"></script>
+{% endif %}
</html>
diff --git a/site/templates/page.liquid b/site/templates/page.liquid
index f752cb9..63f71f2 100644
--- a/site/templates/page.liquid
+++ b/site/templates/page.liquid
@@ -1,9 +1,15 @@
<div class="entry page">
<span>
- <span class="postname">{{page.title}}</span>
- <img class="mainimg" src="{{page.image}}">
- <div class="content">
- {{page.body}}
- </div>
+ {% if page.image %}
+ <span class="postname">{{page.title}}</span>
+ <img class="mainimg" src="{{page.image}}">
+ <div class="content">
+ {{page.body | newline_to_br}}
+ </div>
+ {% else %}
+ <div class="content noline">
+ {{page.body | newline_to_br}}
+ </div>
+ {% endif %}
</span>
</div>
diff --git a/site/templates/project.liquid b/site/templates/project.liquid
index 5e6bc84..65587d9 100644
--- a/site/templates/project.liquid
+++ b/site/templates/project.liquid
@@ -1,22 +1,26 @@
<div class="entry">
<span>
- <span class="postname">{{post.title}}</span>
-
+ <span class="postname">{{project.title}}</span>
+ <div class="galnav">
+ <span class="prevbutton">PREVIOUS</span>
+ <span class="nextbutton">NEXT</span>
+ </div>
<div class="gallery" id="okgallery">
- {% if post.video %}
- <div class="cell video" style="background-image:url({{ post.video.thumb }}" data-video="https://player.vimeo.com/video/{{ post.video.token }}" data-caption="{{ post.video.title }}"></div>
- {% endif %}
- {% for image in post.images %}
- <div class="cell" data-caption="{{ image.caption }}"><img src="{{ image.uri }}"></div>
+ {% for media in project.media %}
+ {% if media.token %}
+ <div class="cell video" style="background-image:url({{ media.thumb }})" data-video="https://player.vimeo.com/video/{{ media.token }}" data-caption=""></div>
+ {% else %}
+ <div class="cell loading" data-caption="{{ media.caption }}"><img src="{{ media.uri }}"></div>
+ {% endif %}
{% endfor %}
</div>
<div class="caption"></div>
<div class="content">
- {{ post.description }}
+ {{ project.description | newline_to_br }}
</div>
<div class="credit">
- <a href="#"><img src="assets/images/fb2.png"></a>
- <a href="#"><img src="assets/images/tw2.png"></a>
+ <img src="{{static}}/assets/images/fb2.png" class="fb">
+ <img src="{{static}}/assets/images/tw2.png" class="tw">
</div>
- </span>
+ </span>
</div> \ No newline at end of file
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-10 20:55:26 +0000