Commit 1ab8ee4
File tree
- _includes
- kiddphunk
- projects/symbiosis
- _posts
- css/gallery
- images/projects/symbiosis
- gallery/large
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -45,6 +45,7 @@ | |||
| 45 | 45 | left:14px; | |
| 46 | 46 | top:4px; | |
| 47 | 47 | cursor:pointer; | |
| 48 | + margin-bottom:4px; | ||
| 48 | 49 | } | |
| 49 | 50 | ||
| 50 | 51 | #imgscroller ul img { | |
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -1,10 +1,3 @@ | |||
| 1 | - <div id="header"> | ||
| 2 | - <center> | ||
| 3 | - <img src="/images/kiddphunk/header2.jpg"></li> | ||
| 4 | - </center> | ||
| 5 | - <h3>kiddphunk <span class='divider'>//</span> <span class='beats'>beats.</span> <span class='pixels'>pixels.</span> <span class='code'>code.</span> <span class='life'>life.</span> | ||
| 6 | - </div> | ||
| 7 | - | ||
| 8 | 1 | <body class='rootWrapper darkbody'> | |
| 9 | 2 | <link rel="stylesheet" type="text/css" href="/css/gallery/demo.css" /> | |
| 10 | 3 | <link rel="stylesheet" type="text/css" href="/css/gallery/component.css" /> | |
@@ -17,6 +10,8 @@ <h3>kiddphunk <span class='divider'>//</span> <span class='beats'>beats.</span> | |||
| 17 | 10 | <script src="/js/gallery/classie.js"></script> | |
| 18 | 11 | <script src="/js/gallery/cbpGridGallery.js"></script> | |
| 19 | 12 | ||
| 13 | + <link href='http://fonts.googleapis.com/css?family=Dosis:200,400,700|PT+Serif:400,700,400italic|Raleway:400,100,200,800,900|Archivo+Narrow:400,700|Montserrat:400,700' rel='stylesheet' type='text/css'> | ||
| 14 | + | ||
| 20 | 15 | <style> | |
| 21 | 16 | body { | |
| 22 | 17 | color: #aaa; | |
@@ -28,6 +23,14 @@ <h3>kiddphunk <span class='divider'>//</span> <span class='beats'>beats.</span> | |||
| 28 | 23 | */ | |
| 29 | 24 | } | |
| 30 | 25 | ||
| 26 | + .bgimg { | ||
| 27 | + background-size: contain; | ||
| 28 | + height: 100%; | ||
| 29 | + width: 100%; | ||
| 30 | + background-repeat: no-repeat; | ||
| 31 | + background-position: center; | ||
| 32 | + background-position: 50% 33%; | ||
| 33 | + } | ||
| 31 | 34 | .divider { | |
| 32 | 35 | color: #666; | |
| 33 | 36 | } | |
@@ -56,25 +59,75 @@ <h3>kiddphunk <span class='divider'>//</span> <span class='beats'>beats.</span> | |||
| 56 | 59 | background-size: cover; | |
| 57 | 60 | } | |
| 58 | 61 | ||
| 62 | + #topimg { | ||
| 63 | + background-size: contain; | ||
| 64 | + background-repeat: repeat-x; | ||
| 65 | + width: 100%; | ||
| 66 | + height:200px; | ||
| 67 | + border:none; | ||
| 68 | + } | ||
| 69 | + | ||
| 59 | 70 | .darkbody { | |
| 60 | 71 | background-color: #000; | |
| 61 | 72 | background-image: none !important; | |
| 62 | 73 | } | |
| 63 | 74 | ||
| 75 | + table td { | ||
| 76 | + padding:10px; | ||
| 77 | + } | ||
| 64 | 78 | ||
| 65 | 79 | </style> | |
| 66 | 80 | ||
| 81 | + <div id="header"> | ||
| 82 | + <a href='/'> | ||
| 83 | + <div id='topimg' style="border:none;background-image:url(/images/kiddphunk/header2.jpg)"></div> | ||
| 84 | + </a> | ||
| 85 | + </div> | ||
| 86 | + <table style="width:100%"> | ||
| 87 | + <tr> | ||
| 88 | + <td width="33%"> | ||
| 89 | + <center> | ||
| 90 | + <h3 style='visibility:hidden'>kiddphunk <span class='divider'>//</span> <span class='beats'>beats.</span> <span class='pixels'>pixels.</span> <span class='code'>code.</span> <span class='life'>life.</span> </h3><br> | ||
| 91 | + <h3 style="font-size:1.2em"> | ||
| 92 | + The Symbiosis Gathering has been my favorite festival for a decade and one that holds a special place in my heart. | ||
| 93 | + <p>A decade ago, my mind was blown/inspirired/expanded in the presence of such an overflowing of creativity; it was - and continues to be - a true inspiration that actively demonstrates such a next-level beauty in music, art, design, tribe, dance and myriad other aspects. | ||
| 94 | + </h3> | ||
| 95 | + </center> | ||
| 96 | + </td> | ||
| 97 | + <td width="33%"> | ||
| 98 | + <center> | ||
| 99 | + <h3>kiddphunk <span class='divider'>//</span> <span class='beats'>beats.</span> <span class='pixels'>pixels.</span> <span class='code'>code.</span> <span class='life'>life.</span> </h3><br> | ||
| 100 | + <h3 style="font-size:1.2em"> | ||
| 101 | + ~ Symbiosis Visions ~<p> | ||
| 102 | + </h3> | ||
| 103 | + <img style="height:200px" src="/images/projects/symbiosis/gallery/large/0.jpg"/> | ||
| 104 | + </center> | ||
| 105 | + </td> | ||
| 106 | + <td width="33%"> | ||
| 107 | + <center> | ||
| 108 | + <h3 style='visibility:hidden'>kiddphunk <span class='divider'>//</span> <span class='beats'>beats.</span> <span class='pixels'>pixels.</span> <span class='code'>code.</span> <span class='life'>life.</span> </h3><br> | ||
| 109 | + <h3 style="font-size:1.2em"> | ||
| 110 | + While I have attended every year that it has been held since 2006, some years I have been too busy dancing round-the-clock and have not taken out my camera. On a few solid occasions however I have worn my photographer's hat; this is a collage using images from three different gatherings. | ||
| 111 | + <p> | ||
| 112 | + Thank you Symbiosis crew for performing the incredible, and for manifesting the indescribable! | ||
| 113 | + | ||
| 114 | + </h3> | ||
| 115 | + </center> | ||
| 116 | + </td> | ||
| 117 | + </tr> | ||
| 118 | + </table> | ||
| 119 | + <br> | ||
| 67 | 120 | <div class="container" id="bodyscreen"> | |
| 68 | 121 | <div id="grid-gallery" class="grid-gallery"> | |
| 69 | 122 | <section class="grid-wrap"> | |
| 70 | 123 | <ul class="grid"> | |
| 71 | 124 | <li class="grid-sizer"></li><!-- for Masonry column width --> | |
| 72 | - <li><figure><img src="/images/projects/symbiosis/gallery/large/0.jpg"/></figure></li> | ||
| 125 | + <!-- <li><figure><img src="/images/projects/symbiosis/gallery/large/0.jpg"/></figure></li> --> | ||
| 73 | 126 | </ul> | |
| 74 | 127 | </section><!-- // grid-wrap --> | |
| 75 | 128 | <section class="slideshow"> | |
| 76 | 129 | <ul> | |
| 77 | - <li><figure><img src="/images/projects/symbiosis/gallery/large/0.jpg"/></figure></li> | ||
| 130 | + <!-- <li><figure><img src="/images/projects/symbiosis/gallery/large/0.jpg"/></figure></li> --> | ||
| 78 | 131 | </ul> | |
| 79 | 132 | <nav> | |
| 80 | 133 | <span class="icon nav-prev"></span> | |
@@ -90,11 +143,11 @@ <h3>kiddphunk <span class='divider'>//</span> <span class='beats'>beats.</span> | |||
| 90 | 143 | for (i=1; i<123; i++) | |
| 91 | 144 | vals.push(i); | |
| 92 | 145 | vals = _.shuffle(vals) | |
| 93 | - for (i=0; i<122; i++) { | ||
| 146 | + for (i=1; i<122; i++) { | ||
| 94 | 147 | $('.grid-wrap ul') | |
| 95 | 148 | .append('<li><figure><img src="/images/projects/symbiosis/gallery/large/'+vals[i]+'.jpg"/></figure></li>') | |
| 96 | 149 | $('.slideshow ul') | |
| 97 | - .append('<li><figure><img src="/images/projects/symbiosis/gallery/large/'+vals[i]+'.jpg"/></figure></li>') | ||
| 150 | + .append('<li><figure><div class="bgimg" style="background-image:url(/images/projects/symbiosis/gallery/large/'+vals[i]+'.jpg)"/></figure></li>') | ||
| 98 | 151 | } | |
| 99 | 152 | new CBPGridGallery( document.getElementById( 'grid-gallery' ) ); | |
| 100 | 153 | </script> | |
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -1,14 +1,14 @@ | |||
| 1 | 1 | --- | |
| 2 | - published: false | ||
| 3 | - title: symbiosis gathering | ||
| 2 | + published: true | ||
| 3 | + title: symbiosis visions | ||
| 4 | 4 | layout: project | |
| 5 | 5 | category: projects | |
| 6 | 6 | tags: | |
| 7 | 7 | - blog | |
| 8 | 8 | - pixels | |
| 9 | - tools: [MacOSaiX, Photoshop] | ||
| 9 | + tools: [Photoshop] | ||
| 10 | 10 | credits: [] | |
| 11 | - bgcolor: 8f3a28 | ||
| 11 | + bgcolor: 3c9bd2 | ||
| 12 | 12 | bodyclass: darkbody | |
| 13 | 13 | iid: symbiosis | |
| 14 | 14 | fullscreen: true | |
@@ -20,15 +20,4 @@ parallaxpercent: 50 | |||
| 20 | 20 | shoutout: "Celebrating 10 years of collaborative magic" | |
| 21 | 21 | fbcomments: true | |
| 22 | 22 | share: true | |
| 23 | - --- | ||
| 24 | - <img class='feedimg' src='{{page.topimage}}'> | ||
| 25 | - | ||
| 26 | - This was my contribution to this year's Chillin' Productions Holiday Art Show, held at 111 Minna in San Francisco. | ||
| 27 | - | ||
| 28 | - <img src='http://www.kiddphunk.com/images/projects/noevil/gallery.jpg' title='hear no evil'> | ||
| 29 | - | ||
| 30 | - Another from the series: | ||
| 31 | - | ||
| 32 | - <img class='fullimage' src='{{page.topimage2}}' title='hear no evil'> | ||
| 33 | - | ||
| 34 | - | ||
| 23 | + --- | ||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -19,8 +19,20 @@ body, html { font-size: 100%; padding: 0; margin: 0;} | |||
| 19 | 19 | .clearfix:after { clear: both; } | |
| 20 | 20 | ||
| 21 | 21 | body { | |
| 22 | - font-family: 'Lato', Calibri, Arial, sans-serif; | ||
| 23 | - color: #47a3da; | ||
| 22 | + background: #000; | ||
| 23 | + font-family: "Raleway", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, "report-1","report-2", Arial, sans-serif; | ||
| 24 | + } | ||
| 25 | + | ||
| 26 | + h1, h2, h3, h4 { | ||
| 27 | + text-decoration: none; | ||
| 28 | + font-weight: normal; | ||
| 29 | + font-family: 'Raleway', "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
| 30 | + font-size: 20px; | ||
| 31 | + } | ||
| 32 | + | ||
| 33 | + h3 { | ||
| 34 | + font-size: 25px; | ||
| 35 | + margin-left: 20px; | ||
| 24 | 36 | } | |
| 25 | 37 | ||
| 26 | 38 | a { | |
LoadingViewer requires iframe.
LoadingViewer requires iframe.
0 commit comments