-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathphotos.html
107 lines (87 loc) · 3.54 KB
/
photos.html
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="author" content="Giulio Marin">
<title>Giulio Marin Ph.D. | Photos</title>
<meta name="description" content="Photos and videos of special interest.">
<meta name="keywords" content="Engineer,Aquifi,R&D,Algorithms,PhD,Software,Computer Vision,Machine Learning,Deep Learning,photo,California,Dolomiti">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="styles/base.css" />
<link href="//fonts.googleapis.com/css?family=Dosis:400,700%7CBitter:400,400italic,700&subset=latin,latin" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(function(){
$("#my-footer").load("/footer.html");
});
</script>
<!-- Add dynamic information -->
<script>
$(document).ready(function(){
var num_albums = $( "li.post-block" ).length;
$("#numAlbums").text(num_albums + " album");
});
</script>
<script>
$(document).ready(function() {
$.get('photos/california.html',function(data){
var numPhotos = $( "figure", data ).length;
$("#numPhotos_california").text(numPhotos + " photos");});
$.get('photos/dolomiti.html',function(data){
var numPhotos = $( "figure", data ).length;
$("#numPhotos_dolomiti").text(numPhotos + " photos");});
});
</script>
</head>
<body class="sidebar">
<div id="topbar" role="banner">
<a class="logo icon-btn" href="index.html">
<i class="icon-home"></i>
</a>
<a class="icon-btn current" href="photos.html">
<i class="icon-camera"></i>
</a>
<ul class="inline-list title">
<li><a class="btn plain" href="publications.html"><i class="icon-pencil" title="Publications"></i>Publications</a>
</li>
<li><a class="btn plain" href="projects.html"><i class="icon-floppy" title="Projects"></i>Projects</a>
</li>
<li><a class="btn plain" href="photos.html"><i class="icon-camera" title="Photos"></i>Photos</a>
</li>
<li><a class="btn plain" href="extra.html"><i class="icon-tv" title="Extra"></i>Extra</a>
</li>
</ul>
<a class="icon-btn nav-trigger" href="#nav">
<i class="icon-menu"></i>
</a>
</div>
<div id="page" role="main">
<header class="wrap">
<h1 class="page-title">Photos</h1>
</header>
<hr>
<section class="wrap">
<h2 class="list-title" id="numAlbums"><i class="icon-camera"></i></h2>
<ul class="post-list">
<li class="post-block">
<div class="right photo">
<img src="https://farm8.staticflickr.com/7571/15900032161_4ca0b50e44_s.jpg">
</div>
<h3 class="post-title"><a href="photos/california.html">California</a></h3>
<p class="post-meta subtitle" id="numPhotos_california"></p>
</li>
<li class="post-block">
<div class="right photo">
<img src="https://farm4.staticflickr.com/3783/13800046785_90cb43292d_s.jpg">
</div>
<h3 class="post-title"><a href="photos/dolomiti.html">Dolomiti</a></h3>
<p class="post-meta subtitle" id="numPhotos_dolomiti"></p>
</li>
</ul>
</section>
</div>
<hr>
<div id="my-footer"></div>
</body>
</html>