-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathphotography-flex.html
152 lines (112 loc) · 8.02 KB
/
photography-flex.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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!doctype html>
<html lang="en">
<head>
<title>Nick's Portfolio</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- for FF, Chrome, Opera -->
<link rel="icon" type="image/png" href="/assets/favicons/portfolio-icon-N.png" sizes="16x16">
<link rel="icon" type="image/png" href="/assets/favicons/portfolio-icon-N.png" sizes="32x32">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css"/>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="photography-flex.css">
</head>
<body>
<!-- Navigation Bar Section -->
<section class="my-nav-bars sticky-top color-theme-java-syntax">
<nav class="navbar navbar-expand-lg navbar-light container-fluid">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01"
aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0 spread-items-horizontal" id="nav-bar-items">
<li class="nav-item active nav-item-pop">
<a href="#"><span>Home</span> <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item nav-item-pop"></span>
<a href="#aboutme"><span>About Me</span></a>
</li>
<li class="nav-item nav-item-pop"></span>
<a href="photography.html"><span>Photos & Edits</span></a>
</li>
<li class="nav-item nav-item-pop">
<a href="#projects-link"><span>Projects</span></a>
</li>
<!-- <li class="nav-item nav-item-pop">
<a href="job-board/job-board.html">Github Job Search</a>
</li>
<li class="nav-item nav-item-pop">
<a href="vacation-form/index.html">Vacation Form</a>
</li> -->
<li class="nav-item nav-item-pop">
<a href="#blog"><span>Blog</span></a>
</li>
<li class="nav-item nav-item-pop">
<a href="#contact"><span>Contact</span></a>
</li>
</ul>
</div>
</nav>
</section>
<!-- Container to hold each section of page -->
<div class="container-fluid" id="main-content-container">
<!-- Gallery Section -->
<section class="container home-section centered-content" id="gallery">
<h1 class="display-3 code-font">
<code>console.log(ALL_PICTURES + ALL_EDITS);</code>
</h1>
</section>
</div>
<body>
<!-- TODO Combine styles, popup logic-->
<ul>
<li>
<img src="https://bn1305files.storage.live.com/y4mv6KWjDM6yUirXhv678CVsUCIH_sg8yTPvkKrvU_oomQjPbSrW3IH2s_r8oa0-0neE0tdPML04aV_EeqymuqfittbnXxIHuiBHeFyHR6Q_1c5iADiaTfE5OhgSme6QicJZ6kQ0m3jd4q6XtoALzkT5aLnNa7GTET5KLDIsVLrkZfZ3VtAZVg6wQ0OzUtyyUZt?width=3376&height=3376&cropmode=none" loading="lazy">
</li>
<li>
<img src="https://bn1305files.storage.live.com/y4m1ddHRd-_tXslF975FbfUxBW9D8t-aAZjU3ltLPmYUqQii9FNLBGbxYR9FPRR64dz4NwNJkVe68GMqJTsaNapSA8OMB3ACLaV2GXDCfnSB_7pp1ku7hH2JU902SDPVYOlTiEeO4OWWFLGr1mJ1VB1V0C6myEDOdr_rJojhGgNaROXuW7Hb5w596iVFmYUChJG?width=6000&height=3376&cropmode=none" loading="lazy">
</li>
<li>
<img src="https://bn1305files.storage.live.com/y4mnN5NlAib_SyRwD8Ko-WSkjklY9nFvS94VRDvWuEDS4T_4HJoDTmE1rg9NVK5IwVyPM4Kbd5T5yIw2n9y91xWpLCaSiLEPshi3sdRdVIBWp1_YgSTd8QHFz1HB7NF_Qqa28xyW_Wb5T0tCFAyMfCyR-dZCOjh5bZHpWp_HuV457GmQQ_preq403txzkqCnhXH?width=5101&height=2870&cropmode=none" loading="lazy">
</li>
<li>
<img src="https://bn1305files.storage.live.com/y4mEIDyvadI0YiV7Oo8VhFvbwztS_R5tAwO9pbLRffgcSFIQzcu2atNKD3KBN4varRQNhIHD6_6-iSzS7yNI8YBbSCuCXfnr0hSK2fbO1HiciiM45KbI2CiZ6Z4qqUXpVNIkBzAKjJ6-cIgi4t4BjzpH_iblZ2XUc0wAhzbw6ATKfgwU5QH0cIOvTLweQbp2HcP?width=6000&height=3376&cropmode=none" loading="lazy">
</li>
<li>
<img src="https://bn1305files.storage.live.com/y4mG82-6aD8ouGRDdJb-vTG2P2TJhguod_mNc0TRbwJAeKMMrbKoS0mWoY5Pe48v7BBT2ecttmJtEgxSBFWga-PDQuiELHF9hpbs-OQgUNsc0MBSlUpT7DsjHP8t8WeO9YEFMIaR1LakxLlpY5ec7pBg3WiHOQPscNzNJhKZ0lxw94RW6m7cR3S5bQycnWCnOBo?width=6000&height=3376&cropmode=none" loading="lazy">
</li>
<li>
<img src="https://bn1305files.storage.live.com/y4mmoXfwPgtwW339Mp4TyXdcySLZId1XBcfCSWM3o_PoML-NKSEPlD-1H3vLrPCf4nLoOZI9RLCYWSGi_3V34C4pP0xEBE2yvCo721MVQgEJRIkxEP9WMeBH_CnM1tevoUh8lNhWNuiVss74Vw9TG0um7v1ONHiOdAOObUbpfzJFQD9UT0mgExaRhKTZh7_bM-d?width=3713&height=3713&cropmode=none" loading="lazy">
</li>
<li>
<img src="https://bn1305files.storage.live.com/y4mA84XyXLU-32aDJODHw_0LOXnGGdxf8YX6g5RCmWJuLI5q4oca5QvnL19qE6s5HFviifEogncEdmI9RBlZmMyYsdX5ywJTfQzTIlMdmeHM8gAri-_LLqiClefzM1ZPsNQfJaMrQ0qqa8Pw08bv2MMHYHsdUZMq99Zd81oUR1eiiHT704S5kXA-CJ7MDD71dlU?width=1024&height=688&cropmode=none" loading="lazy">
</li>
<li>
<img src="https://bn1305files.storage.live.com/y4mBkV57xhFONz91MmHpAnXzjuvbY7qMg_9OsQEsO58lEFgdU1Q-nDdXDiYOq34oXD8diHpTxTouSlm4NulL-GIYW-NLv9fPLVw5u2CLkRAuSs5C5JWoG_O_me2SqxJaFGG7mONDwlC5VHx8LWbJzDNMdGUPeljIo6bTe0CZDrrtsaBtb-cjh1KxADm5RKdT4eA?width=5312&height=2988&cropmode=none" loading="lazy">
</li>
<li>
<img src="https://bn1305files.storage.live.com/y4mg5XbRFJksvzTqBHlkVD4Qh0dL6svOjN4bHUKvYMjP-MWyxH31Iu1suCTAd6TP8oEUpCNT0zWg3md0DlLYPMzVqr8n4IU6jgM_CnYucHTxr5uqdLZQ0IZJjN2r1zPJNiEwedbnQ7Ri9-SxyW3AW2HbOa4UMllawSjDix3X92wecR4U-YOfJKYJSqoRhh2rMgg?width=6000&height=4000&cropmode=none" loading="lazy">
</li>
<li>
<img src="https://bn1305files.storage.live.com/y4mzTP236NWlqkH6SheZf17qmCdoMdz3T_wM9DII2bGkUYiRRcqkSjHHWJL3lTAi_Jp_G0uIHAg9xEP4tlqP-b1sZwFXuJwyySEuueGGfHPeZWmRCsLipxXG3kiKPvfkgX9_AIAouJox93kCDHBHnTT6XjE6hUPgRsXjMVTk-CCD-fi8diubUCS5cB75JsyueSw?width=5312&height=2988&cropmode=none" loading="lazy">
</li>
<li>
<img src="https://bn1305files.storage.live.com/y4msXrmgUH8ooqTVP9RHPUo8pY5cNZvlOTUYkMIwHzeFH4Cf27uPT_7Ex7mDAKawyDBcNK9TKFJIAqcAoZFOSbqBNoje-GFuTv2CzyK1_YZabxur7CSKIWblV-7LLIvMfrDwWoXx-CI7GhI-f37AsSXubGEz4aeNP0OHpEpPE7kxB2JOmr9OuPhi8vXpPKUV6kl?width=7520&height=1712&cropmode=none" loading="lazy">
</li>
<li>
<img src="https://bn1305files.storage.live.com/y4magQLD6xUnHj-HuCE6ieS04meQF9OU6pmVs2oSPzHb647A0W1VXwNFVuNzaODCoaBDIzKrqcU8XMBG3OMWZVv3ezyCtqB2GuXIdUdYqoTWGLNyCMMjsH_RW3V4AkihZJxlLb4BKyYGNRSq-qP4SLPVpHYX3-7IBzBPtHkZ_wM87qXP_AfZZtnWJJ5vPx-NtZ9?width=6000&height=4000&cropmode=none" loading="lazy">
</li>
<li>
<img src="https://bn1305files.storage.live.com/y4mH_Vsfg20jYM1Sgi1uDMEapiwrRr3xZ5c3XTY2gTjpcfzXoA6xtWdLtkFWmJ7NSs5vXFXvn3pUHZFK7bkWLs9l6Sq95qhA5GXp-mpGbMmTa2_6wx1oIO5i6HErcyImG9ANTkUn7qgo2wqgtVJq58iUlDrQKE9Jl9onUKGLkuIiSddRSOVVLlciAshiPOH2mOA?width=6000&height=4000&cropmode=none" loading="lazy">
</li>
<!-- Adding an empty <li> here so the final photo doesn't stretch like crazy. Try removing it and see what happens! -->
<li></li>
</ul>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js"></script>
<script src="photography.js"></script>
</body>