120 lines
5.2 KiB
PHP
120 lines
5.2 KiB
PHP
<header id="homepage">
|
|
<div class="row">
|
|
<div class="large-12 columns">
|
|
<p class="lead">Välkommen till Eastside! Den här sidan är under konstruktion och uppdateras ofta.</p>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<section class="row" id="info">
|
|
<div class="large-4 columns about">
|
|
<h3>Om oss</h3>
|
|
<p>Eastside importerar framförallt akvarell tavlor från Yunnan
|
|
provinsen i södra Kina. Tavlorna är målade av mer eller mindre
|
|
kända kinesiska konstnärer, men håller alla väldigt hög kvalitet. De
|
|
flesta av tavlorna är "monterade" på långa rullar som man kan hänga
|
|
upp på väggen som de är. Dock bör de skäras ut och ramas in för att
|
|
visa sin bästa sida.</p>
|
|
<p>Det här är en ytterst temporär sida som kommer uppdateras i högt
|
|
tempo den närmaste tiden. Titta tillbaka regelbundet för fler
|
|
tavlor, snyggare sida och mer funktionalitet.</p>
|
|
</div>
|
|
<div class="large-4 columns paintings">
|
|
<h3>Tavlorna</h3>
|
|
<p>I nuläget säljs enbart akvarell tavlor från Yunnan provinsen i södra Kina.
|
|
Tavlorna visar tecken på väldigt hög, med bland annat hårtunna penseldrag och djupa landskap.
|
|
Tavlorna är målade av okända konstnärer, men vid behov
|
|
går antagligen respektive målare att sökas upp.</p>
|
|
<p>Tavlorna är monterade på tygrullar men bör skäras
|
|
ut och ramas in. Vi kan utföra
|
|
inramningen, men detta ökar fraktkostnaden markant. Om kunden inte själv kan hämta
|
|
tavlan på plats rekommenderas denne att söka upp en lokal inramare.</p>
|
|
</div>
|
|
<div class="large-4 columns order">
|
|
<h3>Beställning</h3>
|
|
<p>Beställningssystemet är väldigt enkelt på den här sidan, men kommer uppdateras inom kort.
|
|
När ni hittat en tavla ni tycker om, klickar ni er in på tavlans sida. Där finns
|
|
ett formulär under länken "Köp" som ni sedan fyller i.
|
|
Väljer ni postförskott skickas tavlan direkt, och tavlan markeras som såld. Väljer ni försökotts betalning
|
|
mailas ett inbetalningskort till er, och tavlan reserveras åt er. Betalar ni inom sju dagar skickas tavlan,
|
|
annars avbeställs den.</p>
|
|
</div>
|
|
</section>
|
|
asdlfkjasföw
|
|
<div id="paintings-display" class="row">
|
|
<div class="large-12 columns">
|
|
<div class="slider">
|
|
<a class="slider-button prev" href="#"><</a>
|
|
<div class="viewport">
|
|
<ul class="overview">
|
|
<?php foreach($paintings as $p): ?>
|
|
<li>
|
|
<a id="<?= $p['id'] ?>" href="<?= base_url('index.php/gallery/' . $p['id']) ?>"><?= img(array( 'src' => 'img/paintings/'. $p['code'] .'_cube-200.jpg', 'class' => 'thumb',)) ?></a>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</div><!-- END .viewport -->
|
|
<a class="slider-button next" href="#">></a>
|
|
</div><!-- END #paintings-slider -->
|
|
<div class="infoboxes">
|
|
<?php foreach($paintings as $p):
|
|
$w = $p['canvas_width'];
|
|
$h = $p['canvas_height'];
|
|
$ratio = $w / $h;
|
|
$class = 'medium';
|
|
if($ratio > 1.2)
|
|
$class = 'wide';
|
|
elseif($ratio < 0.8)
|
|
$class = 'tall';
|
|
else
|
|
$class = 'square';
|
|
?>
|
|
<div id="info-<?= $p['id'] ?>" class="infobox <?= $class ?>">
|
|
<div class="image"><?= img(array(
|
|
'src' => 'img/paintings/'. $p['code'] .'_medium.jpg',
|
|
)) ?></div>
|
|
<div class="info">
|
|
<div class="painting">
|
|
<h3>Ingen titel</h3>
|
|
<p class="artist">Okänd konstnär</p>
|
|
</div>
|
|
<div class="description">
|
|
<p>
|
|
Akvarell på papper<br />
|
|
<strong>Dimension (motiv):</strong> <?= $p['canvas_width'] ?>x<?= $p['canvas_height'] ?><br />
|
|
<?php if($p['frame'] == 1): ?>
|
|
<strong>Dimension (rulle):</strong> <?= $p['frame_width'] ?>x<?= $p['frame_height'] ?><br />
|
|
<?php endif; ?>
|
|
</p>
|
|
</div>
|
|
<div class="price">
|
|
<span class="value">SEK <?= number_format($p['price'], 2, ',','.') ?></span> <span class="vat">inklusive moms</span>
|
|
</div>
|
|
</div>
|
|
<div class="clearBoth"></div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div><!-- END .infoboxes -->
|
|
</div>
|
|
</div><!-- END #paintings-display -->
|
|
<div id="news" class="row">
|
|
<?php foreach($news as $n): ?>
|
|
<?php $date = strtotime($n['date_created']); ?>
|
|
<div class="large-4 columns">
|
|
<div class="item">
|
|
<div class="date">
|
|
<span class="day"><?= date('j', $date) ?></span>
|
|
<span class="month"><?= date('M', $date) ?></span>
|
|
</div>
|
|
<h4><?= $n['title'] ?></h4>
|
|
<p><?= $n['slug'] ?></p>
|
|
<!--<p class="link"><a>Läs mer</a></p>-->
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<script type="text/javascript">
|
|
$(document).ready(function(e){
|
|
alert('read');
|
|
});
|
|
</script>
|