Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

redesign incl. 'request this tool' buttons #1

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

redesign incl. 'request this tool' buttons #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
124 changes: 23 additions & 101 deletions backend/controllers/intro.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,9 @@
------------------------------------------------------------------------------*/
$projects_per_page = 3;
$projects = array(
'contact',
array(
'contact' => true,
),
array(
'title' => 'Telegrammen',
'thumb' => 'telegram_thumb.png',
Expand Down Expand Up @@ -106,7 +108,7 @@ function more($type) {
------------------------------------------------------------------------------*/
$page = 0;
$page_max = floor( count($projects) / $projects_per_page );
if (!empty($_GET['page']) && is_numeric($_GET['page']) && $_GET['page'] < 0) {
if (!empty($_GET['page']) && is_numeric($_GET['page']) && (int)$_GET['page'] < 0) {
$page = (int)$_GET['page'] * -1;
if ($page > $page_max) {
$page = $page_max;
Expand All @@ -128,104 +130,24 @@ function more($type) {
template
------------------------------------------------------------------------------*/

$places = json_decode(PLACES, true);
$data = array(
'tempt_next' => $tempt_next,
'tempt_prev' => $tempt_previous,
'projects' => $projects_shown,
);

?>
<!DOCTYPE html>
<html>
<head>
<title>L3D tools</title>
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" type="text/css" media="all" href="<?php echo $places['www_frontend']; ?>css/intro/styles.css">
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="<?php echo $places['www_frontend']; ?>css/intro/styles-ie.css">
<![endif]-->
<!--
<script type="text/javascript" src="<?php echo $places['www_frontend']; ?>js/intro/jquery-1.5.min.js"></script>
<script type="text/javascript" src="<?php echo $places['www_frontend']; ?>js/intro/scripts.js"></script>
-->
</head>
<body>
<div id="header">
<h1><a href="<?php echo $places['www']; ?>">L3D tools</a></h1>
<h2>tools voor virtuele omgevingen</h2>
</div>
<p id="intro">Hier ontwikkelt <a href="http://www.l3d.nl/">L3D</a> een serie tools voor gebruik in de <a href="http://www.l3d.nl/downloaden">L3Daw software</a>. Neem <a href="http://www.l3d.nl/contact">contact</a> op als je geïnteresseerd bent in het gebruik van deze tools.</p>
<?php
/*--- tempt user to next page ---*/
if ($tempt_next) {
$next_page = $page - 1;
if ($next_page > 0) {
$next_page *= -1;
}
$next_link = $places['www'].'intro?page='.$next_page;
echo NL.' <div id="right" class="temptation_next">';
echo NL.' <h3><a href="'.$next_link.'" title="verder in de tijd"><span>&raquo;</span> '.$tempt_next['title'].'</a></h3>';
echo NL.' <a class="thumb" href="'.$next_link.'"><img src="'.$places['www_frontend'].'img/intro/'.$tempt_next['thumb'].'" alt="screenshot van '.$tempt_next['title'].' (naar grote versie)"></a>';
echo NL.' <p>'.$tempt_next['text'].'</p>';
echo NL.' <p class="colophon">'.$tempt_next['colophon'].'</p>';
#echo NL.' <p class="link">&raquo; <a href="'.$next_link.'" title="naar '.$tempt_next['title'].'">naar de website</a></p>';
echo NL.' </div>';
}
else {
echo NL.' <div id="contact">';
echo NL.' <h3>Inspiratie gekregen?</h3>';
echo NL.' <p>Wil je gebruik maken van deze tools? Je kunt ze <span class="call">aanvragen</span> voor jouw project.</p>';
echo NL.' <p>Heb je inspiratie gekregen om <span class="call">zelf tools te maken</span>?</p>';
echo NL.' <p>Neem <a href="http://www.l3d.nl/contact">contact</a> met ons op!</p>';
echo NL.' </div>';
}

/*--- projects ---*/
echo NL.' <div id="projects">';
foreach ($projects_shown as $i => $project) {
if ($project == 'contact') {
continue;
}

echo NL.' <div>';
echo NL.' <h3>'.$project['title'].'</h3>';
echo NL.' <a class="thumb lightbox" href="#'./*$places['www_frontend'].'img/intro/'.$project['media'].'*/'"><img src="'.$places['www_frontend'].'img/intro/'.$project['thumb'].'" alt="screenshot van '.$project['title'].' (naar grote versie)"></a>';
echo NL.' <p>'.$project['text'].'</p>';
echo NL.' <p class="colophon">'.$project['colophon'].'</p>';
#echo NL.' <p class="link">&raquo; <a href="'.$project['link'].'" title="naar '.$project['title'].'">naar de website</a></p>';
echo NL.' </div>';
}
echo NL.' </div>';

/*--- tempt user to previous page ---*/
if ($tempt_previous) {
$previous_page = $page + 1;
$previous_link = $places['www'].'intro?page=-'.$previous_page;
echo NL.' <div id="left" class="temptation_next">';
echo NL.' <h3><a href="'.$previous_link.'" title="terug in de tijd">'.$tempt_previous['title'].' <span>&laquo;</span></a></h3>';
echo NL.' <a class="thumb" href="'.$previous_link.'"><img src="'.$places['www_frontend'].'img/intro/'.$tempt_previous['thumb'].'" alt="screenshot van '.$tempt_previous['title'].' (naar grote versie)"></a>';
echo NL.' <p>'.$tempt_previous['text'].'</p>';
echo NL.' <p class="colophon">'.$tempt_previous['colophon'].'</p>';
#echo NL.' <p class="link">&raquo; <a href="'.$previous_link.'" title="naar '.$tempt_previous['title'].'">naar de website</a></p>';
echo NL.' </div>';
if ($tempt_next) {
$next_page = $page - 1;
if ($next_page > 0) {
$next_page *= -1;
}

/*--- done ---*/
echo NL;
?>
<ul id="development">
<p>We zijn voortdurend met nieuwe tools bezig. Wil je meedenken? Neem dan contact op!</p>
<li>
<h4>Upload</h4>
<p>Eenvoudig toevoegen van objecten</p>
</li>
<li>
<h4>Admin</h4>
<p>Wereldbeheer en inzicht in het gebruik</p>
</li>
</ul>
<div id="footer">
<ul id="menu">
<li><a href="<?php echo $places['www']; ?>inloggen">inloggen</a></li>
<li><a href="http://www.l3d.nl/contact">contact</a></li>
</ul>
<p>Stichting L3D, <?php echo date('Y'); ?></p>
</div>
</body>
</html>
$data['next_page_id'] = $next_page;
}

if ($tempt_previous) {
$previous_page = $page + 1;
$data['prev_page_id'] = $previous_page;
}

page::title('tools voor virtuele omgevingen');
page::show('intro/intro', $data);
63 changes: 63 additions & 0 deletions backend/templates/intro/intro.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
{{> header}}
{{> style intro/styles}}
<!--[if lte IE 7]>{{> style intro/styles-ie}}<![endif]-->
{{> body_start}}
<p id="intro">
Hier ontwikkelt <a href="http://www.l3d.nl/">L3D</a> een serie tools
voor gebruik in de <a href="http://www.l3d.nl/downloaden">L3Daw software</a>.
Neem <a href="http://www.l3d.nl/contact">contact</a> op als je geïnteresseerd bent in het gebruik van deze tools.
</p>

{{# tempt_next}}
<div id="right" class="temptation_next">
<h3><a href="{{public}}intro?page={{next_page_id}}" title="verder in de tijd"><span>&raquo;</span> {{title}}</a></h3>
<a class="thumb" href="{{public}}intro?page={{next_page_id}}"><img src="{{frontend}}img/intro/{{thumb}}" alt="screenshot van {{title}} (naar grote versie)"></a>
<p>{{text}}</p>
<p class="colophon">{{colophon}}</p>
</div>
{{/ tempt_next}}
{{^ tempt_next}}
<div id="contact">
<h3>Inspiratie gekregen?</h3>
<p>Wil je gebruik maken van deze tools? Je kunt ze <span class="call">aanvragen</span> voor jouw project.</p>
<p>Heb je inspiratie gekregen om <span class="call">zelf tools te maken</span>?</p>
<p>Neem <a href="http://www.l3d.nl/contact">contact</a> met ons op!</p>
</div>
{{/ tempt_next}}

<div id="projects">
{{# projects}}
{{^ contact}}
<div>
<h3>{{title}}</h3>
<!--<a class="thumb lightbox" href="{{frontend}}img/intro/{{media}}"><img src="{{frontend}}img/intro/{{thumb}}" alt="screenshot van {{title}} (naar grote versie)"></a>-->
<a class="thumb lightbox" href="#"><img src="{{frontend}}img/intro/{{thumb}}" alt="screenshot van {{title}} (naar grote versie)"></a>
<p>{{text}}</p>
<p class="colophon">{{colophon}}</p>
</div>
{{/ contact}}
{{/ projects}}
</div>

{{# tempt_prev}}
<div id="left" class="temptation_previous">
<h3><a href="{{public}}intro?page=-{{prev_page_id}}" title="terug in de tijd">{{title}} <span>&laquo;</span></a></h3>
<a class="thumb" href="{{public}}intro?page=-{{prev_page_id}}"><img src="{{frontend}}img/intro/{{thumb}}" alt="screenshot van {{title}} (naar grote versie)"></a>
<p>{{text}}</p>
<p class="colophon">{{colophon}}</p>
</div>
{{/ tempt_prev}}

<ul id="development">
<p>We zijn voortdurend met nieuwe tools bezig. Wil je meedenken? Neem dan contact op!</p>
<li>
<h4>Upload</h4>
<p>Eenvoudig toevoegen van objecten</p>
</li>
<li>
<h4>Admin</h4>
<p>Wereldbeheer en inzicht in het gebruik</p>
</li>
</ul>
{{> body_end}}
{{> footer}}
74 changes: 1 addition & 73 deletions public_html/frontend/css/intro/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,60 +1,13 @@
/*
L3D red: #AA122B
*/

body {
margin: 0 auto;
width: 980px;
font-family: Verdana;
font-size: smaller;
}

h3, h4, h5, h6 {
color: #AA122B;
}
.term {
color: #AA122B;
}
.call {
/*color: #AA122B;*/
font-weight: bold;
}
.more a, .less {
background-color: #EEE;
}

#header {
margin-top: 1em;
height: 100%;
color: white;
background-color: #AA122B;
overflow: hidden;
}
h1 {
float: left;
margin: 0;
display: inline-block;
padding: 0.5em;
font-size: xx-large;
letter-spacing: 3px;
}
h1 a {
text-decoration: none;
color: inherit;
}
h2 {
margin: 0.5em auto;
width: 400px;
text-align: center;
}

#intro {
margin: 1.5em auto;
width: 400px;
text-align: center;
font-size: medium;
}

#left, #right {
float: right;
width: 222px;
Expand Down Expand Up @@ -88,7 +41,7 @@ h2 {
float: right;
width: 250px; /* max is 315px */
margin-left: 10px;
margin-right: 76px;
margin-right: 10px;
padding: 0 10px;
}

Expand Down Expand Up @@ -144,28 +97,3 @@ h2 {
margin-top: 0.25em;
margin-bottom: 0.25em;
}

#footer {
clear: both;
color: #AAA;
border-top: 1px solid #AA122B;
}
#menu {
float: right;
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
#menu li {
float: left;
margin-left: 1em;
}
#menu a {
padding: 0.25em;
text-decoration: none;
color: #AA122B;
font-weight: bold;
}
#menu a:hover, #menu a:active {
text-decoration: underline;
}