a bunch of stuff I should have updated

Author: szecket

assets/css/app.css

@@ -91,6 +91,7 @@ function logoFade() {
 		$('p').addClass('application');
 		$('h1').addClass('application');
 		$('.showcase-text').addClass('application');
+		$('.showcase-caption').addClass('application');
 		$('.top-bar,.slideUp,.footer,.hamburger-bg').velocity({'background-color': color.bg},{duration:1400});
 		$('.top-bar a, .slideUpLink').velocity({color:color.ring},{duration:400});
 		$('.top-bar a.is-active').velocity({color:color.main},{duration:400});

assets/js/app.js

@@ -276,6 +276,9 @@ p {
 	color:$white;
 	margin-bottom: 2rem;
 	font-style: italic;
+  &.application {
+    color: $dark-gray;
+  }
 }
 .full-width {
   width:100%;

assets/scss/_base.scss

@@ -0,0 +1,6 @@
+title: Default File
+
+fields:
+  alt:
+    label: Alt Text
+    type: text

site/blueprints/files/default.yml

@@ -0,0 +1,37 @@
+title: Image
+
+columns:
+  - width: 1/2
+    sections:
+      content:
+        type: fields
+        fields:
+          caption:
+            label: Caption
+            type: textarea
+            size: medium
+  - width: 1/2
+    sections:
+      meta:
+        type: fields
+        fields:
+          alt:
+            label: Alternative Text
+            type: text
+          photographer:
+            label: Photogapher
+            type: text
+            width: 2/3
+          license:
+            label: License
+            type: select
+            width: 1/3
+            options:
+              - Unsplash
+              - CC BY 4.0
+              - CC BY-SA 4.0
+              - CC BY-NC 4.0
+              - CC BY-ND 4.0
+          link:
+            label: Link
+            type: url

site/blueprints/files/image.yml

@@ -38,3 +38,4 @@ fields:
       image-text: image-text
       contact: contact
       text-box: text-box
+      team: team

site/blueprints/project.yml

@@ -1,17 +1,17 @@
 <div class='ghost-box'></div>
-<?php foreach($data->images()->sortBy('sort', 'asc') as $image): ?>
+<?php foreach($data->files()->sortBy('sort', 'asc') as $image): ?>
   <div class="show-for-large cf grid-x grid-padding-x">
-    <div class='large-3  cell'>
+    <div class='large-8  cell'>
       <img class='showcase-image' src="<?= $image->url() ?>" alt="<?= $data->title()->html() ?>" />
       <div class='showcase-caption'><?= $image->caption()->html() ?></div>
     </div>
-    <div class='large-13 columns'>
-      <div class='showcase-text'><?= $image->text()->html() ?></div>
+    <div class='large-8 columns'>
+      <div class='showcase-text'><?= $image->text()->kirbytext() ?></div>
     </div>
   </div>
   <div class="hide-for-large cf grid-x">
     <div class='medium-14 small-centered cell'>
-      <div class='showcase-text'><?= $image->text()->html() ?></div>
+      <div class='showcase-text'><?= $image->text()->kirbytext() ?></div>
     </div>
     <div class='medium-14 small-centered cell'>
       <img class='showcase-image' src="<?= $image->url() ?>" alt="<?= $data->title()->html() ?>" />

site/snippets/showcase.php

@@ -0,0 +1,21 @@
+<div class='ghost-box'></div>
+<?php foreach($data->images()->sortBy('sort', 'asc') as $image): ?>
+  <div class="show-for-large cf grid-x grid-padding-x">
+    <div class='large-3  cell'>
+      <img class='showcase-image' src="<?= $image->url() ?>" alt="<?= $data->title()->html() ?>" />
+      <div class='showcase-caption'><?= $image->caption()->html() ?></div>
+    </div>
+    <div class='large-13 columns'>
+      <div class='showcase-text'><?= $image->text()->html() ?></div>
+    </div>
+  </div>
+  <div class="hide-for-large cf grid-x">
+    <div class='medium-14 small-centered cell'>
+      <div class='showcase-text'><?= $image->text()->html() ?></div>
+    </div>
+    <div class='medium-14 small-centered cell'>
+      <img class='showcase-image' src="<?= $image->url() ?>" alt="<?= $data->title()->html() ?>" />
+      <div class='showcase-caption'><?= $image->caption()->html() ?></div>
+    </div>
+</div>
+<?php endforeach ?>