-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
119 lines (110 loc) · 5.21 KB
/
index.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
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html>
<head>
<meta name="author" content="Andy Gibb">
<meta name="description" content="Andy G. Gibb's home page on the WWW">
<meta name="keywords" content="Andy Gibb, aggibb, hiking, Vancouver, backpacking, snowshoeing, photography, astronomy, star formation, radio astronomy, submillimetre, interferometry, programming, Perl, whisky, Linux">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/agg.css">
<link rel="icon" href="agg.ico" type="image/x-icon">
<link rel="shortcut icon" href="agg.ico" type="image/x-icon">
<title>The View From My Desk</title>
</head>
<body>
<nav class="navbar navbar-default">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Home</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="hiking.html">Hiking</a></li>
<li><a href="photography.html">Photography</a></li>
<li><a href="comp.html">Computing</a></li>
<li><a href="whisky.html">Whisky</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Astronomy <span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="dropdown-header">My former life:</li>
<li><a href="astropages.html">Astronomer info</a></li>
<li><a href="research.html">Research</a></li>
</ul>
<li><a href="agg.html">About</a></li>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container -->
</nav>
<div class="container">
<div class="page-header">
<h1 class="home">The View From My Desk</h1>
</div>
<div class="row col-md-10 col-md-offset-1">
<p><a href="theview.html"><img class="img-responsive img-thumbnail center-block" src="images/lake_ohara.jpg" title="Grand scenery around Lake O'Hara, Yoho National Park. Click for past Views." alt="Grand scenery around Lake O'Hara, Yoho National Park"></a></p>
<p class="caption col-md-10 col-md-push-1">Lake O'Hara is every bit as beautiful as the guide books say. This is the view from the Yukness Ledges, part of the Alpine Circuit hike in Yoho National Park, British Columbia</p>
</div>
<div class="row">
<div class="col-xs-6 col-md-3">
<div class="thumbnail hovereffect">
<img class="center-block" src="images/hiking_edit2.jpeg" alt="Hiking near Vancouver" title="Hiking"></a>
<div class="overlay">
<a href="hiking.html"><h4>Hiking</h4></a>
<p>How can you live in Vancouver and not hike?</p>
</div>
</div>
</div>
<div class="col-xs-6 col-md-3">
<div class="thumbnail hovereffect">
<img class="center-block" src="images/photo_edit1.jpeg" alt="Photography links and comments" title="Photography">
<div class="overlay">
<a href="photography.html"><h4>Photography</h4></a>
<p>Digital documentary: mostly mountains and flowers</p>
</div>
</div>
</div>
<div class="col-xs-6 col-md-3">
<div class="thumbnail hovereffect">
<img class="center-block" src="images/comp_edit1.jpeg" alt="Computing hardware and software" title="Computing">
<div class="overlay">
<a href="comp.html"><h4>Computing</h4></a>
<p>How I make my living. I even do it for fun!</p>
</div>
</div>
</div>
<div class="col-xs-6 col-md-3">
<div class="thumbnail hovereffect">
<img class="center-block" src="images/whisky_edit1.jpeg" alt="Whisky aka the water of life" title="Whisky">
<div class="overlay">
<a href="whisky.html"><h4>Whisky</h4></a>
<p>The Scots make the best <i>uisge beatha</i></p>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<ul class="breadcrumb">
<li>Who: <a href="agg.html">Andy Gibb</a></li>
<li>What: <a href="comp.html">software developer</a> | <a href="research.html">scientist</a></li>
<li>Where: <a href="http://vancouver.ca/">Vancouver, BC</a>, <a href="https://www.cia.gov/library/publications/the-world-factbook/geos/ca.html">Canada</a></li>
</ul>
</div>
</div>
<div class="container">
<footer class="copyright row">
<hr>All content copyright the author 1997–2017. All rights reserved.
</footer>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>