Skip to content

Commit

Permalink
WIP art gallery
Browse files Browse the repository at this point in the history
  • Loading branch information
@if3chi
if3chi committed Jan 22, 2023
1 parent c432d66 commit abc7df1
Show file tree
Hide file tree
Showing 3 changed files with 149 additions and 14 deletions.
146 changes: 146 additions & 0 deletions resources/views/components/art-card.blade.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,146 @@
<div class="tabs__content tabs__content--inventory current" style="position:relative">
<div class="cont cont--inventory cont--kit__wrapper" style="margin: 0px auto; max-width: 1200px;">
<div class="cont--spaced cont--kit__content"
style="margin-bottom: 36px; padding-left: 20px; padding-right: 20px;">
<div class="flex flex-row">
<div class="col col--4">
<div class="cell--whitelabel cell--whitelabel--grid"
style="margin-left: 0px; margin-right: 13.3333px; margin-bottom: 36px; height: calc(100% - 36px);">
<div id="1877328" style="cursor: pointer; display: inline;">
<div class="aw__item__img" style="font-size: 0px; line-height: 1; text-align: center;">
<img
class="lazyloaded" data-sizes="auto"
data-src="https://cdn.artcld.com/img/w_320,h_320,c_pad,b_ffffff/wghkxvfarzofv0fddels.jpg"
data-srcset="https://cdn.artcld.com/img/w_1920,h_1920,c_pad,b_ffffff/wghkxvfarzofv0fddels.jpg 1920w, https://cdn.artcld.com/img/w_1600,h_1600,c_pad,b_ffffff/wghkxvfarzofv0fddels.jpg 1600w, https://cdn.artcld.com/img/w_1366,h_1366,c_pad,b_ffffff/wghkxvfarzofv0fddels.jpg 1366w, https://cdn.artcld.com/img/w_1024,h_1024,c_pad,b_ffffff/wghkxvfarzofv0fddels.jpg 1024w, https://cdn.artcld.com/img/w_768,h_768,c_pad,b_ffffff/wghkxvfarzofv0fddels.jpg 768w, https://cdn.artcld.com/img/w_640,h_640,c_pad,b_ffffff/wghkxvfarzofv0fddels.jpg 640w, https://cdn.artcld.com/img/w_320,h_320,c_pad,b_ffffff/wghkxvfarzofv0fddels.jpg 320w"
alt="&quot;Outer Edge&quot; by Craig French"
caption="&quot;Outer Edge&quot; by Craig French"
title="&quot;Outer Edge&quot; by Craig French" sizes="373px"
srcset="https://cdn.artcld.com/img/w_1920,h_1920,c_pad,b_ffffff/wghkxvfarzofv0fddels.jpg 1920w, https://cdn.artcld.com/img/w_1600,h_1600,c_pad,b_ffffff/wghkxvfarzofv0fddels.jpg 1600w, https://cdn.artcld.com/img/w_1366,h_1366,c_pad,b_ffffff/wghkxvfarzofv0fddels.jpg 1366w, https://cdn.artcld.com/img/w_1024,h_1024,c_pad,b_ffffff/wghkxvfarzofv0fddels.jpg 1024w, https://cdn.artcld.com/img/w_768,h_768,c_pad,b_ffffff/wghkxvfarzofv0fddels.jpg 768w, https://cdn.artcld.com/img/w_640,h_640,c_pad,b_ffffff/wghkxvfarzofv0fddels.jpg 640w, https://cdn.artcld.com/img/w_320,h_320,c_pad,b_ffffff/wghkxvfarzofv0fddels.jpg 320w"
src="https://cdn.artcld.com/img/w_320,h_320,c_pad,b_ffffff/wghkxvfarzofv0fddels.jpg">
</div>
<div style="margin-top: 10px;">
<div class="cont--token" style="line-height: 1;">
<p style="text-align:center;"><span style="line-height:20px;vertical-align:middle;"
token="ARTIST_NAME"><span class="artwork__artist notranslate">Craig
French</span></span></p>
<p style="text-align:center;"><span
style="display:inline;font-style:italic;line-height:20px;vertical-align:middle;"
token="TITLE"><span class="artwork__title notranslate">"Outer
Edge"</span></span><span
style="display:inline;line-height:20px;vertical-align:middle;"
token="EDITION"></span><span
style="display:inline;line-height:20px;vertical-align:middle;"
token="DATE"><span class="artwork__info__item__date">, 2017</span></span>
</p>
</div>
</div>
</div>
<div class="cell--spacer" style="margin-bottom: 36px;"></div>
</div>
</div>
<div class="col col--4">
<div class="cell--whitelabel cell--whitelabel--grid"
style="margin-left: 6.66667px; margin-right: 6.66667px; margin-bottom: 36px; height: calc(100% - 36px);">
<div id="1876610" style="cursor: pointer; display: inline;">
<div class="aw__item__img" style="font-size: 0px; line-height: 1; text-align: center;"><img
class="lazyloaded" data-sizes="auto"
data-src="https://cdn.artcld.com/img/w_320,h_320,c_pad,b_ffffff/kup4mdglkg5un4vqi9qf.jpg"
data-srcset="https://cdn.artcld.com/img/w_1920,h_1920,c_pad,b_ffffff/kup4mdglkg5un4vqi9qf.jpg 1920w, https://cdn.artcld.com/img/w_1600,h_1600,c_pad,b_ffffff/kup4mdglkg5un4vqi9qf.jpg 1600w, https://cdn.artcld.com/img/w_1366,h_1366,c_pad,b_ffffff/kup4mdglkg5un4vqi9qf.jpg 1366w, https://cdn.artcld.com/img/w_1024,h_1024,c_pad,b_ffffff/kup4mdglkg5un4vqi9qf.jpg 1024w, https://cdn.artcld.com/img/w_768,h_768,c_pad,b_ffffff/kup4mdglkg5un4vqi9qf.jpg 768w, https://cdn.artcld.com/img/w_640,h_640,c_pad,b_ffffff/kup4mdglkg5un4vqi9qf.jpg 640w, https://cdn.artcld.com/img/w_320,h_320,c_pad,b_ffffff/kup4mdglkg5un4vqi9qf.jpg 320w"
alt="&quot;Somewhere In Time&quot; by Craig French"
caption="&quot;Somewhere In Time&quot; by Craig French"
title="&quot;Somewhere In Time&quot; by Craig French" sizes="373px"
srcset="https://cdn.artcld.com/img/w_1920,h_1920,c_pad,b_ffffff/kup4mdglkg5un4vqi9qf.jpg 1920w, https://cdn.artcld.com/img/w_1600,h_1600,c_pad,b_ffffff/kup4mdglkg5un4vqi9qf.jpg 1600w, https://cdn.artcld.com/img/w_1366,h_1366,c_pad,b_ffffff/kup4mdglkg5un4vqi9qf.jpg 1366w, https://cdn.artcld.com/img/w_1024,h_1024,c_pad,b_ffffff/kup4mdglkg5un4vqi9qf.jpg 1024w, https://cdn.artcld.com/img/w_768,h_768,c_pad,b_ffffff/kup4mdglkg5un4vqi9qf.jpg 768w, https://cdn.artcld.com/img/w_640,h_640,c_pad,b_ffffff/kup4mdglkg5un4vqi9qf.jpg 640w, https://cdn.artcld.com/img/w_320,h_320,c_pad,b_ffffff/kup4mdglkg5un4vqi9qf.jpg 320w"
src="https://cdn.artcld.com/img/w_320,h_320,c_pad,b_ffffff/kup4mdglkg5un4vqi9qf.jpg">
</div>
<div style="margin-top: 10px;">
<div class="cont--token" style="line-height: 1;">
<p style="text-align:center;"><span style="line-height:20px;vertical-align:middle;"
token="ARTIST_NAME"><span class="artwork__artist notranslate">Craig
French</span></span></p>
<p style="text-align:center;"><span
style="display:inline;font-style:italic;line-height:20px;vertical-align:middle;"
token="TITLE"><span class="artwork__title notranslate">"Somewhere In
Time"</span></span><span
style="display:inline;line-height:20px;vertical-align:middle;"
token="EDITION"></span><span
style="display:inline;line-height:20px;vertical-align:middle;"
token="DATE"><span class="artwork__info__item__date">, 2017</span></span>
</p>
</div>
</div>
</div>
<div class="cell--spacer" style="margin-bottom: 36px;"></div>
</div>
</div>
<div class="col col--4">
<div class="cell--whitelabel cell--whitelabel--grid"
style="margin-left: 13.3333px; margin-right: 0px; margin-bottom: 36px; height: calc(100% - 36px);">
<div id="1877428" style="cursor: pointer; display: inline;">
<div class="aw__item__img" style="font-size: 0px; line-height: 1; text-align: center;"><img
class="lazyloaded" data-sizes="auto"
data-src="https://cdn.artcld.com/img/w_320,h_320,c_pad/4sn8qqc049f71k54usml.png"
data-srcset="https://cdn.artcld.com/img/w_1920,h_1920,c_pad/4sn8qqc049f71k54usml.png 1920w, https://cdn.artcld.com/img/w_1600,h_1600,c_pad/4sn8qqc049f71k54usml.png 1600w, https://cdn.artcld.com/img/w_1366,h_1366,c_pad/4sn8qqc049f71k54usml.png 1366w, https://cdn.artcld.com/img/w_1024,h_1024,c_pad/4sn8qqc049f71k54usml.png 1024w, https://cdn.artcld.com/img/w_768,h_768,c_pad/4sn8qqc049f71k54usml.png 768w, https://cdn.artcld.com/img/w_640,h_640,c_pad/4sn8qqc049f71k54usml.png 640w, https://cdn.artcld.com/img/w_320,h_320,c_pad/4sn8qqc049f71k54usml.png 320w"
alt="Tango by Craig French" caption="Tango by Craig French"
title="Tango by Craig French" sizes="373px"
srcset="https://cdn.artcld.com/img/w_1920,h_1920,c_pad/4sn8qqc049f71k54usml.png 1920w, https://cdn.artcld.com/img/w_1600,h_1600,c_pad/4sn8qqc049f71k54usml.png 1600w, https://cdn.artcld.com/img/w_1366,h_1366,c_pad/4sn8qqc049f71k54usml.png 1366w, https://cdn.artcld.com/img/w_1024,h_1024,c_pad/4sn8qqc049f71k54usml.png 1024w, https://cdn.artcld.com/img/w_768,h_768,c_pad/4sn8qqc049f71k54usml.png 768w, https://cdn.artcld.com/img/w_640,h_640,c_pad/4sn8qqc049f71k54usml.png 640w, https://cdn.artcld.com/img/w_320,h_320,c_pad/4sn8qqc049f71k54usml.png 320w"
src="https://cdn.artcld.com/img/w_320,h_320,c_pad/4sn8qqc049f71k54usml.png"></div>
<div style="margin-top: 10px;">
<div class="cont--token" style="line-height: 1;">
<p style="text-align:center;"><span
style="line-height:20px;vertical-align:middle;" token="ARTIST_NAME"><span
class="artwork__artist notranslate">Craig French</span></span></p>
<p style="text-align:center;"><span
style="display:inline;font-style:italic;line-height:20px;vertical-align:middle;"
token="TITLE"><span
class="artwork__title notranslate">Tango</span></span><span
style="display:inline;line-height:20px;vertical-align:middle;"
token="EDITION"></span><span
style="display:inline;line-height:20px;vertical-align:middle;"
token="DATE"><span class="artwork__info__item__date">,
2018</span></span></p>
</p>
</div>
</div>
</div>
<div class="cell--spacer" style="margin-bottom: 36px;"></div>
</div>
</div>
<div class="col col--4">
<div class="cell--whitelabel cell--whitelabel--grid"
style="margin-left: 0px; margin-right: 13.3333px; margin-bottom: 36px; height: calc(100% - 36px);">
<div id="2636644" style="cursor: pointer; display: inline;">
<div class="aw__item__img" style="font-size: 0px; line-height: 1; text-align: center;">
<img class="lazyloaded" data-sizes="auto"
data-src="https://cdn.artcld.com/img/w_320,h_320,c_pad,b_ffffff/d8543hbhi23qwl8jfbwy.jpg"
data-srcset="https://cdn.artcld.com/img/w_1920,h_1920,c_pad,b_ffffff/d8543hbhi23qwl8jfbwy.jpg 1920w, https://cdn.artcld.com/img/w_1600,h_1600,c_pad,b_ffffff/d8543hbhi23qwl8jfbwy.jpg 1600w, https://cdn.artcld.com/img/w_1366,h_1366,c_pad,b_ffffff/d8543hbhi23qwl8jfbwy.jpg 1366w, https://cdn.artcld.com/img/w_1024,h_1024,c_pad,b_ffffff/d8543hbhi23qwl8jfbwy.jpg 1024w, https://cdn.artcld.com/img/w_768,h_768,c_pad,b_ffffff/d8543hbhi23qwl8jfbwy.jpg 768w, https://cdn.artcld.com/img/w_640,h_640,c_pad,b_ffffff/d8543hbhi23qwl8jfbwy.jpg 640w, https://cdn.artcld.com/img/w_320,h_320,c_pad,b_ffffff/d8543hbhi23qwl8jfbwy.jpg 320w"
alt="&quot;Bullfighter&quot; by Craig French"
caption="&quot;Bullfighter&quot; by Craig French"
title="&quot;Bullfighter&quot; by Craig French" sizes="373px"
srcset="https://cdn.artcld.com/img/w_1920,h_1920,c_pad,b_ffffff/d8543hbhi23qwl8jfbwy.jpg 1920w, https://cdn.artcld.com/img/w_1600,h_1600,c_pad,b_ffffff/d8543hbhi23qwl8jfbwy.jpg 1600w, https://cdn.artcld.com/img/w_1366,h_1366,c_pad,b_ffffff/d8543hbhi23qwl8jfbwy.jpg 1366w, https://cdn.artcld.com/img/w_1024,h_1024,c_pad,b_ffffff/d8543hbhi23qwl8jfbwy.jpg 1024w, https://cdn.artcld.com/img/w_768,h_768,c_pad,b_ffffff/d8543hbhi23qwl8jfbwy.jpg 768w, https://cdn.artcld.com/img/w_640,h_640,c_pad,b_ffffff/d8543hbhi23qwl8jfbwy.jpg 640w, https://cdn.artcld.com/img/w_320,h_320,c_pad,b_ffffff/d8543hbhi23qwl8jfbwy.jpg 320w"
src="https://cdn.artcld.com/img/w_320,h_320,c_pad,b_ffffff/d8543hbhi23qwl8jfbwy.jpg">
</div>
<div style="margin-top: 10px;">
<div class="cont--token" style="line-height: 1;">
<p style="text-align:center;"><span
style="line-height:20px;vertical-align:middle;" token="ARTIST_NAME"><span
class="artwork__artist notranslate">Craig French</span></span></p>
<p style="text-align:center;"><span
style="display:inline;font-style:italic;line-height:20px;vertical-align:middle;"
token="TITLE"><span
class="artwork__title notranslate">"Bullfighter"</span></span><span
style="display:inline;line-height:20px;vertical-align:middle;"
token="EDITION"></span><span
style="display:inline;line-height:20px;vertical-align:middle;"
token="DATE"><span class="artwork__info__item__date">,
2021</span></span></p>
</p>
</div>
</div>
</div>
<div class="cell--spacer" style="margin-bottom: 36px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
13 changes: 1 addition & 12 deletions resources/views/front/art-gallery.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,18 +13,7 @@
<section class="block py-24 bg-white lg:pt-0 fade-in">
<div class="container px-4 pt-6 mx-auto lg:pt-12">
<div class="flex flex-wrap items-center mt-24">
<x-img title="Accra New Town Experimental School, Accra, Ghana." src="{{ setSchoolImg() }}" alt="Photo with school children" />
<x-img title="Accra New Town Experimental School, Accra, Ghana." src="{{ setSchoolImg('2') }}" alt="Photo with school children" />
<x-img title="Accra New Town Experimental School, Accra, Ghana." src="{{ setSchoolImg('3') }}" alt="Photo with school children" />
<x-img title="Gracewell Academy Surulere, Lagos, Nigeria." src="{{ setSchoolImg('a') }}" alt="Photo with school children" />
<x-img title="Gracewell Academy Surulere, Lagos, Nigeria." src="{{ setSchoolImg('b') }}" alt="Photo with school children" />
<x-img title="Gracewell Academy Surulere, Lagos, Nigeria." src="{{ setSchoolImg('c') }}" alt="Photo with school children" />
<x-img title="Gudmerc Academy, Abuja, Nigeria." src="{{ setSchoolImg('gudmerc2') }}" alt="Photo with school children" />
<x-img title="Gudmerc Academy, Abuja, Nigeria." src="{{ setSchoolImg('gudmerc1') }}" alt="Photo with school children" />
<x-img title="Gudmerc Academy, Abuja, Nigeria." src="{{ setSchoolImg('gudmerc') }}" alt="Photo with school children" />
<x-img title="KARU Government Secondary School, Karu Abuja, Nigeria." src="{{ setSchoolImg('karu2') }}" alt="Photo with school children" />
<x-img title="KARU Government Secondary School, Karu Abuja, Nigeria." src="{{ setSchoolImg('karu') }}" alt="Photo with school children" />
<x-img title="KARU Government Secondary School, Karu Abuja, Nigeria." src="{{ setSchoolImg('karu1') }}" alt="Photo with school children" />
<x-art-card />
</div>
</div>
</section>
Expand Down
4 changes: 2 additions & 2 deletions resources/views/layouts/front.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,10 @@
<meta charset="utf-8">
<meta name="csrf-token" content="{{ csrf_token() }}">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<meta name="description"
content="Blooming Minds Change Champions Network is an early intervention youth development organisation" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@bmccn" />
<meta name="twitter:title" content="BMCCN" />
Expand Down

0 comments on commit abc7df1

Please sign in to comment.