-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproject.php
136 lines (122 loc) · 6.7 KB
/
project.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<?php
if($_GET['project'] > 0 && $_GET['project'] < 7){
$projectnr = $_GET['project'] - 1;
} else {
$projectnr = 0;
}
$project1img = array("IMG_4562.jpg", "IMG_9693.jpg", "IMG_4133.jpg", "IMG_2974.jpg", "IMG_9425.jpg", "IMG_4053.jpg", "IMG_3958.jpg", "IMG_5618.jpg", "IMG_2668.jpg", "IMG_2444.jpg");
$project2img = array("IMG_6009.jpg", "IMG_6023.jpg", "IMG_5918.jpg", "IMG_5767.jpg", "IMG_5775.jpg", "IMG_3899.jpg", "IMG_3882.jpg", "IMG_3850.jpg", "IMG_9801.jpg", "IMG_3617.jpg", "IMG_3315.jpg", "IMG_3285.jpg", "IMG_3157.jpg", "IMG_6036.jpg");
$project3img = array("IMG_9675.jpg", "IMG_9667.jpg", "IMG_1418.jpg", "IMG_9711.jpg", "IMG_9679.jpg", "IMG_9666.jpg");
$project4img = array("IMG_7933.jpg", "IMG_8025.jpg", "IMG_8018.jpg", "IMG_5432.jpg", "IMG_5162.jpg", "IMG_5251.jpg", "IMG_5317.jpg", "IMG_5392.jpg", "IMG_5430.jpg", "IMG_0265.jpg", "IMG_0229.jpg", "IMG_0202.jpg", "IMG_0094.jpg");
$project5img = array("IMG_9903.jpg", "IMG_9966.jpg", "IMG_9957.jpg", "IMG_9985.jpg", "IMG_2077.jpg", "IMG_2068.jpg", "IMG_1099.jpg", "IMG_1102.jpg");
$project6img = array("IMG_3795.jpg", "IMG_5962.jpg", "IMG_3156.jpg", "IMG_3722.jpg", "IMG_9681.jpg", "IMG_4469.jpg", "IMG_3964.jpg", "IMG_3028.jpg", "IMG_2981.jpg" );
$imagesPath = array($project1img, $project2img, $project3img, $project4img, $project5img, $project6img);
$project1text = array('title' => "Street", 'text' => "<i>„If your photos aren’t good enough, then you’re not close enough“</i> – Robert Capa");
$project2text = array('title' => "Around the World", 'text' => "<i>„Traveling—it leaves you speechless, then turns you into a storyteller.</i> - Ibn Battuta");
$project3text = array('title' => "Zürich", 'text' => "Pictures from my favorite City. I love Zürich, I think it's one of the most beautiful cities in the world. <a target='_blank' href='https://www.zuerich.com/en'>Zurich.ch</a>");
$project4text = array('title' => "Switzerland", 'text' => "Little Switzerland is for me one of the most beautiful countries in the world. It's nature is so versatile, from the highest mountains to the most beautiful cities, you can find everything in that little country. <a target='_blank' href='http://grandtour.myswitzerland.com/en/'>Switzerland Grand Tour</a>");
$project5text = array('title' => "Night", 'text' => "<i>„I often think that the night is more alive and more richly colored than the day. - Vincent Van Gogh“</i>");
$project6text = array('title' => "Black & White", 'text' => "<i>„When you photograph people in color, you photograph their clothes. But when you photograph people in Black and white, you photograph their souls!“</i> - Ted Grant");
$texts = array($project1text, $project2text, $project3text, $project4text, $project5text, $project6text);
?>
<!DOCTYPE html>
<html lang="de">
<head>
<?php include_once("includes/header.html");?>
</head>
<body id="page-top" class="index">
<div class="portfolio-modal" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content" onclick="location.href='index.php#portfolio';">
<div class="close-modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2><?php echo $texts[$projectnr]['title'];?></h2>
<hr class="star-primary">
</div>
</div>
</div>
</div>
</div>
<div id="myCarousel" class="carousel slide" data-ride="carousel" style="
margin-right: 10%;
margin-left: 10%;
max-height: 100vh;
">
<!-- Indicators -->
<ol class="carousel-indicators">
<?php $i = 0;
foreach($imagesPath[$projectnr] as $path){?>
<?php if ($i == 0){?>
<li data-target="#myCarousel" data-slide-to=<?php echo $i;?> class="active"></li>
<?php } else { ?>
<li data-target="#myCarousel" data-slide-to=<?php echo $i;?>></li>
<?php }
$i = $i + 1;
} ?>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<?php $i = 0;
foreach($imagesPath[$projectnr] as $path){?>
<?php if ($i == 0){?>
<div class="item active">
<img src= <?php echo "img/portfolio/" . $path;?> class="img-responsive img-centered" alt="image">
</div>
<?php } else { ?>
<div class="item">
<img src= <?php echo "img/portfolio/" . $path;?> class="img-responsive img-centered" alt="image">
</div>
<?php }
$i = $i + 1;
} ?>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div>
<div class="modal-content">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<p><?php echo $texts[$projectnr]['text'];?></p>
<ul class="list-inline item-details">
<li>Photographer:
<strong><a target=_blank" href="https://instagram.com/eliaperenzin">Elia Perenzin</a>
</strong>
</li>
</ul>
<a href="index.php#portfolio"><button type="button" class="btn btn-default"><i class="fa fa-times"></i> Close</button></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'></script>
<!-- Bootstrap Core JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- Contact Form JavaScript
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
-->
<script src="js/freelancer.js"></script>
<script type="javascript/text">
</script>
</body>
</html>