Access-Control-Allow-Origin:
*
h3-27=":443"; ma=86400, h3-28=":443"; ma=86400, h3-29=":443"; ma=86400, h3=":443"; ma=86400
no-store, no-cache, must-revalidate
Tue, 27 Jul 2021 08:28:25 GMT
max-age=604800, report-uri="https://report-uri.cloudflare.com/cdn-cgi/beacon/expect-ct"
Thu, 19 Nov 1981 08:52:00 GMT
{"report_to":"cf-nel","max_age":604800}
{"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v3?s=ae7Hp0t0CbFUG5X%2BTXNSH9eg4Pksqg5FWV18Q6vNBJONpf%2FVDwdTyBR9zrXBnVPvzg10Mev2Ua3cqyBpQ7wNzgcm6iJJrbInNa9XecKjpoz4O2tvNin%2FJ6cuIXqoeS4OnAgic%2B6S%2FQ%3D%3D"}],"group":"cf-nel","max_age":604800}
collaction=98aqlpf8j1juavdsdqa33av6l2bgbfct; expires=Tue, 10-Aug-2021 08:28:24 GMT; Max-Age=1209600; path=/; domain=snappy.collaction.hk; secure; HttpOnly; SameSite=Lax
Strict-Transport-Security:
max-age=31536000; includeSubDomains; preload
<!DOCTYPE HTML>
<html lang="zh-Hant-HK">
<!-- *********************************************************************************************
______ ______ __ __ ___ ______ .___________. __ ______ .__ __.
/ | / __ \ | | | | / \ / || || | / __ \ | \ | |
| ,----'| | | | | | | | / ^ \ | ,----'`---| |----`| | | | | | | \| |
| | | | | | | | | | / /_\ \ | | | | | | | | | | | . ` |
| `----.| `--' | | `----.| `----./ _____ \ | `----. | | | | | `--' | | |\ |
\______| \______/ |_______||_______/__/ \__\ \______| |__| |__| \______/ |__| \__|
********************************************************************************************* -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="theme-color" content="#1E88E5">
<meta name="msapplication-TileColor" content="#FBFBFB">
<meta name="msapplication-TileImage" content="https://assets.collaction.hk/assets/2021031601/img/special/snappy/snappy-header.png">
<link rel="apple-touch-icon-precomposed" sizes="152x152"
href="https://assets.collaction.hk/assets/2021031601/img/special/snappy/snappy-header.png">
<link rel="apple-touch-icon-precomposed" sizes="120x120"
href="https://assets.collaction.hk/assets/2021031601/img/special/snappy/snappy-header.png">
<link rel="apple-touch-icon-precomposed" href="https://assets.collaction.hk/assets/2021031601/img/special/snappy/snappy-header.png">
<link rel="shortcut icon" href="https://assets.collaction.hk/assets/2021031601/img/special/snappy/snappy-header.png" sizes="32x32">
<meta name="description" content="Snappy 香港街景相片資料庫是 Collaction 小隊第 7 個社會創新項目,以新技術呈現今昔香港的對比,並推廣群眾外包 Crowdsourcing 及 Creative Commons 授權。">
<meta property="fb:app_id" content="1471625409733667"/>
<meta property="fb:pages" content="1697802237149970"/>
<meta property="og:title" content="Snappy 香港街景相片資料庫"/>
<meta property="og:site_name" content="Collaction"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://snappy.collaction.hk/"/>
<meta property="og:image" content="https://assets.collaction.hk/assets/2021031601/img/special/snappy/facebook-cover.jpg"/>
<meta property="og:image:width" content="800"/>
<meta property="og:image:height" content="450"/>
<meta property="og:description" content="Snappy 香港街景相片資料庫是 Collaction 小隊第 7 個社會創新項目,以新技術呈現今昔香港的對比,並推廣群眾外包 Crowdsourcing 及 Creative Commons 授權。"/>
<link rel="canonical" href="https://snappy.collaction.hk/"/>
<title>Snappy 香港街景相片資料庫</title>
<link rel="stylesheet" href="https://assets.collaction.hk/assets/2021031601/css/dist/plugin.css" /> <link rel="stylesheet" href="https://assets.collaction.hk/assets/2021031601/css/dist/core.css" /> <link rel="stylesheet" href="https://assets.collaction.hk/assets/2021031601/css/dist/snappy.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.bundle.min.js" integrity="sha512-wV7Yj1alIZDqZFCUQJy85VN+qvEIly93fIQAN7iqDFCPEucLCeNFz4r35FCo9s6WrpdDQPi80xbljXB8Bjtvcg==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js" integrity="sha512-qTXRIMyZIFb8iQcfjXWCO8+M5Tbc38Qi5WzdPOYZHIlZpzBHG3L3by84BBBOiRGiEb7KKtAOAs5qYdUiZiQNNQ==" crossorigin="anonymous"></script>
<script src="https://assets.collaction.hk/assets/2021031601/js/dist/plugin.min.js"></script> <script src="https://assets.collaction.hk/assets/2021031601/js/dist/snappy.plugin.min.js"></script>
<script>
langDefault = 'zh-hk';
langRecaptcha = 'zh-HK';
langMomentJS = 'zh-hk';
</script>
<script
src="https://browser.sentry-cdn.com/6.2.1/bundle.min.js"
integrity="sha384-VXBbKp5OEiVPansWgHB3LwMPIIE2KgmeyEg0N9kG6WPgGxoEdrlnpq6mlEsKLW0B"
crossorigin="anonymous"></script>
<script>
Sentry.init({
dsn: 'https://4814b39d34384e7ab991cf17f7e97396@sentry.io/1454879',
environment: 'production',
ignoreErrors: [/Blocked a frame with origin/],
blacklistUrls: [/ckeditor/i, /recaptcha/i,]
});
</script>
<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-50612573-5"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-50612573-5');
</script>
<script src="https://assets.collaction.hk/assets/2021031601/js/dist/core.min.js"></script> <script src="https://assets.collaction.hk/assets/2021031601/js/dist/snappy.core.min.js"></script></head>
<body class="">
<nav id="main-nav" class="navbar fixed-top navbar-expand">
<a id="headerLogo" href="https://snappy.collaction.hk/" class="navbar-brand">
<img src="https://assets.collaction.hk/assets/2021031601/img/special/snappy/snappy-header-logo.png"/>
</a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="navbar-nav flex-fill">
</div>
<ul class="navbar-nav d-none d-md-flex">
<li class="nav-item"><a href="https://snappy.collaction.hk/upload"
class="nav-link navbar-button navbar-main-button"><i class="far fa-cloud-upload"></i>
上傳相片</a></li>
<li class="nav-item"><a href="https://snappy.collaction.hk/download"
class="nav-link navbar-button"><i class="far fa-mobile-android"></i>
下載程式</a></li>
<li class="nav-item"><a href="https://snappy.collaction.hk/discovery"
class="nav-link navbar-button"><i class="far fa-search"></i> 搜尋</a></li>
<li class="nav-item"><a href="#"
onclick="scrollToElement('#projectIntro', 0, function(){}, 100); return false;"
class="nav-link navbar-button"><i class="far fa-question"></i> 關於</a></li>
<li class="nav-item"><a href="https://www.facebook.com/snappyscheme"
class="nav-link navbar-button"><i class="fab fa-facebook"></i> Facebook 專頁</a></li>
</ul>
<ul class="navbar-nav d-flex d-md-none">
<li class="nav-item">
<a href="#" class="nav-link navbar-button navbar-profile-button"
onclick="return toggleMenu()">
<div class="d-flex">
<div class="align-self-center">
· · ·
</div>
</div>
</a>
</li>
</ul>
</div>
</nav>
<div id="hamburgerMenuBackDrop" onclick="toggleMenu()"></div>
<div id="hamburgerMenu">
<div class="menu-header-wrapper">
<div class="d-flex align-items-center">
<div class="mr2">
<img class="user-profile user-profile-2x"
src="https://assets.collaction.hk/user_profile/default_profile_3.png"/>
</div>
<div class="flex-fill">
<div class="h4 mb0">歡迎使用 Snappy 香港街景相片資料庫</div>
</div>
</div>
</div>
<div class="menu-wrapper">
<ul class="">
<li><a href="https://snappy.collaction.hk/upload"><i class="fas fa-cloud-upload"></i>
上傳相片</a></li>
<li><a href="https://snappy.collaction.hk/discovery"><i class="fas fa-search"></i> 搜尋</a></li>
<li><a href="#"><i class="fas fa-edit"></i> 關於</a></li>
<li><a href="#"><i class="fas fa-share"></i> 分享</a></li>
</ul>
</div>
</div>
<div id="main" class="snappy-main">
<div class="backdrop top">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-lg-5">
<div class="h1">透過 Snappy 尋找小時候的風景,回憶街坊鄰里之情</div>
<h3>Snappy 香港街景相片資料庫<span
style="font-weight: normal;">以 Crowdsourcing 收集香港不同年代的街景相片,並以新技術呈現今昔香港的對比。</span>
</h3>
<div class="mt2 mb4 text-left">
<a href="https://apps.apple.com/hk/app/snappy/id1463383923?utm_source=website&utm_medium=header&utm_campaign=general"
target="_blank">
<img class="pt1 pb1" src="https://assets.collaction.hk/assets/2021031601/img/special/snappy/app-ios-badge-50.png">
</a>
<a href="https://play.google.com/store/apps/details?id=hk.collaction.snappy&utm_source=website&utm_medium=header&utm_campaign=general"
target="_blank">
<img class="pt1 pb1"
src="https://assets.collaction.hk/assets/2021031601/img/special/snappy/app-android-badge-50.png">
</a>
<a href="https://chrome.google.com/webstore/detail/snappy-%E6%AF%8F%E5%A4%A9%E6%94%BE%E9%80%81/kjieibacnclikhbmjboepkfbmdkpgkoo?utm_source=website&utm_medium=header&utm_campaign=general"
target="_blank">
<img class="pt1 pb1" src="https://assets.collaction.hk/assets/2021031601/img/special/snappy/app-chrome-badge-50.png">
</a>
</div>
</div>
<div class="col-12 col-lg-7">
<div id="homeSliderContainer">
<img id="intro2SliderSkeleton" src="https://assets.collaction.hk/snappy/op/3225e83a37d64907f916805eb44e7d5174e6384dad9e9c1d7c487cb39db043bc.jpg"
style="width: 100%;">
<div id="intro2SliderWrapper" class="">
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(function () {
setTimeout(function () {
initSlider(
'#intro2SliderWrapper',
{
src: 'https://assets.collaction.hk/snappy/op/3225e83a37d64907f916805eb44e7d5174e6384dad9e9c1d7c487cb39db043bc.jpg',
label: '1976',
alt: '1976年 沙田區 - 沙田火車站'
},
{
src: 'https://assets.collaction.hk/snappy/np/b291dac06f74c01522c75ae0c279a1035eda42a99434621a0809d1feff45326e.jpg',
label: '2009',
alt: '2009年 沙田區 - 沙田火車站'
},
true,
function () {
$('#intro2SliderSkeleton').hide();
}
);
}, 1000)
});
function initInfSlider(id, obj1, obj2) {
infSlider = new juxtapose.JXSlider(id,
[obj1, obj2],
{
animate: true,
showLabels: true,
showCredits: true,
startingPosition: "99%",
makeResponsive: true,
callback: function () {
$('#intro2SliderSkeleton').hide();
anm();
}
});
function anm() {
infSlider.updateSlider(50, true);
setTimeout(function () {
infSlider.updateSlider(1, true);
setTimeout(function () {
infSlider.updateSlider(50, true);
setTimeout(function () {
infSlider.updateSlider(99, true);
setTimeout(function () {
anm();
}, 1500);
}, 1500);
}, 1500);
}, 1500);
}
}
</script>
<div></div>
<div id="snappySearchWrapper" class="pb1 pt1">
<div class="container">
<form action="https://snappy.collaction.hk/discovery" class="snappy-search-form form">
<div class="d-block d-md-flex align-items-center group group-2x">
<div class="flex-fill">
<div id="gaSB" class="contenteditable-group search-box textInput--underlined"
onclick="showAdvancedSearch();">
<div class="input-group">
<input type="text" name="q" class="contenteditable"
value=""
placeholder="輸入詳細地區、街道名稱搜尋相片">
<div class="input-group-append">
<button type="button" class="d-btn flat-light-btn elevation-0"><span
class="d-none d-md-inline-block">進階</span> <i
class="fas fa-angle-double-down"></i></button>
</div>
</div>
</div>
</div>
</div>
<div class="group group-2x">
<button class="d-btn ghost-green-btn">搜尋 <i class="fas fa-search"></i></button>
</div>
<div id="advancedSearchWrapper" class="row" style="display: none;">
<div class="col-12 col-lg-6">
<div class="d-block d-md-flex align-items-center group-2x">
<div class="mr4">
<label for="orderForm" class="h3 mb0 text-left d-block d-sm-inline-block">排序</label>
</div>
<div class="flex-fill">
<div class="select">
<select name="order" id="orderForm" class="form-control">
<option value="0">相片年份(遠至近)</option>
<option value="1">相片年份(近至遠)</option>
<option value="2">圖片上傳日期(遠至近)</option>
<option value="3">圖片上傳日期(近至遠)</option>
</select>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="d-block d-md-flex align-items-center group-2x">
<div class="mr4">
<label for="d" class="h3 mb0 text-left d-block d-sm-inline-block">地區</label>
</div>
<div class="flex-fill">
<div class="select">
<select name="district" id="dForm" class="form-control">
<option value="0">所有地區</option>
<option value="35">中西區</option>
<option value="36">灣仔區</option>
<option value="37">南區</option>
<option value="38">東區</option>
<option value="39">觀塘區</option>
<option value="40">黃大仙區</option>
<option value="41">九龍城區</option>
<option value="43">油尖旺區</option>
<option value="44">深水埗區</option>
<option value="45">葵青區</option>
<option value="46">荃灣區</option>
<option value="47">離島區</option>
<option value="48">屯門區</option>
<option value="49">元朗區</option>
<option value="50">北區</option>
<option value="51">大埔區</option>
<option value="52">西貢區</option>
<option value="53">沙田區</option>
</select>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="col-12 col-lg-6">
<div class="d-block d-md-flex align-items-center group-2x">
<div class="mr4">
<label for="d" class="h3 mb0 text-left d-block d-sm-inline-block">使用權限</label>
</div>
<div class="flex-fill">
<div class="select">
<select name="cc" id="dForm" class="form-control">
<option value="0">不限使用權</option>
<option value="CC BY">CC BY 姓名標示</option>
<option value="CC BY-SA">CC BY-SA 姓名標示-相同方式分享</option>
<option value="CC BY-ND">CC BY-ND 姓名標示-禁止衍生</option>
<option value="CC BY-NC">CC BY-NC 姓名標示-非商業性</option>
<option value="CC BY-NC-SA">CC BY-NC-SA 姓名標示-非商業性-相同方式分享</option>
<option value="CC BY-NC-ND">CC BY-NC-ND 姓名標示-非商業性-禁止衍生</option>
<option value="Public">公有領域</option>
</select>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="d-block d-md-flex align-items-center group-2x">
<div class="mr4">
<label class="h3 mb0 text-left d-block d-sm-inline-block">顯示相片</label>
</div>
<div class="flex-fill">
<div class="d-inline-block mr3">
<div class="d-inline-block"><input type="checkbox" name="compare" value="1" checked="checked" green-color id="showFormC" />
<label for="showFormC"></label></div> <label for="showFormC">對比相片</label>
</div>
<div class="d-inline-block mr3">
<div class="d-inline-block"><input type="checkbox" name="single" value="1" checked="checked" green-color id="showFormS" />
<label for="showFormS"></label></div> <label for="showFormS">單獨相片</label>
</div>
<div class="d-inline-block mr3">
<div class="d-inline-block"><input type="checkbox" name="non_check" value="1" green-color id="showFormNC" />
<label for="showFormNC"></label></div> <label for="showFormNC">未驗證相片</label>
<span class="toc"
title="若您發現相片不符合 Snappy 的守則,請回報給我們作出更正並完善相片資料。"
data-toggle="tooltip"
data-placement="top">
<i class="fas fa-question-circle"></i>
</span>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6 offset-lg-0">
<div class="d-block d-md-flex align-items-center group-1x">
<div class="mr4">
<div class="h3 text-left">年份</div>
</div>
<div class="flex-fill ml5 mr5">
<input id="searchYearSlider"/>
</div>
</div>
</div>
<input type="hidden" name="ys" value="1842">
<input type="hidden" name="ye" value="2021">
</div>
</form>
</div>
</div>
<div class="nav-wrapper reverse mb4"></div>
<div class="section mb20">
<div class="container">
<div class="section-title bold d-block d-md-flex align-items-center">
<div class="section-title-header">
<div class="h1 mt0 mb0">
<i class="fas fa-heart red-color"></i> 新舊香港
</div>
</div>
<div class="flex-fill d-none d-md-block section-title-line"></div>
<div class="section-title-button">
<a class="d-btn red-btn btn-sm" href="https://snappy.collaction.hk/discovery">更多對比相片</a>
</div>
</div>
<div class="card card-default">
<div class="card-body">
<h4 class="mb0">點選查看對比相片。或是您也有香港舊相片嗎?透過 <a href="https://snappy.collaction.hk/download"
target="_blank">手機應用程式</a>
或 <a href="https://snappy.collaction.hk/upload">網頁版上傳工具</a> 提交給我們吧!</h4>
</div>
</div>
</div>
<div class="group-5x justified-gallery-loading">
<div class='uil-ripple-css' style='transform:scale(0.81);'>
<div></div>
<div></div>
</div>
<div class="h3 mb0 mt0">載入中⋯⋯</div>
</div>
<div id="opContainer" class="justified-gallery group-5x mt2">
<div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/131"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/3225e83a37d64907f916805eb44e7d5174e6384dad9e9c1d7c487cb39db043bc.jpg"/></a>
<div class="img-desc">
<div class="">沙田區 - 沙田火車站</div>
<div class="">1976 年</div>
</div>
</div><div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/48"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/9cce1e2630c8aa2ff9248d813acbfa15d09e99ca89ce0e5430fa62b582d8a538.jpg"/></a>
<div class="img-desc">
<div class="">灣仔區 - 灣仔 莊士敦道,左方唐樓旁就是盧押道街口</div>
<div class="">1920 年</div>
</div>
</div><div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/30"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/a8b10cea8d465fa763661d0683738c39f7ef0b3e40205b6c1df5c2c8a611ea79.jpg"/></a>
<div class="img-desc">
<div class="">中西區 - 上環 - 必列者士街、水池巷 交界</div>
<div class="">1970 年</div>
</div>
</div><div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/10"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/8483103e6de8668f59327089e80c952f3cff66314272e001fadd8288a7ea4152.jpg"/></a>
<div class="img-desc">
<div class="">中西區 - 中環 德輔道中</div>
<div class="">1920 年</div>
</div>
</div><div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/441"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/b4f6c0a589636298c4e75152583c5a6e.jpg"/></a>
<div class="img-desc">
<div class="">中西區 - 上環大笪地</div>
<div class="">2003 年</div>
</div>
</div><div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/473"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/454209be20e10eaddd56963523b7a4ff.jpg"/></a>
<div class="img-desc">
<div class="">中西區 - 灣仔皇后大道東 第一代灣仔街市</div>
<div class="">1930 年</div>
</div>
</div> </div>
</div>
<div class="section mb20">
<div class="container">
<div class="section-title bold d-block d-md-flex align-items-center">
<div class="section-title-header">
<div class="h1 mt0 mb0">
<i class="fas fa-camera green-color"></i> 需要您的協助
</div>
</div>
<div class="flex-fill d-none d-md-block section-title-line"></div>
<div class="section-title-button">
<a class="d-btn green-btn btn-sm" target="_blank"
href="https://snappy.collaction.hk/download">下載應用程式</a>
</div>
</div>
<div class="card card-default">
<div class="card-body">
<h4 class="mb0">以下相片暫時未有對比相片,你可以 <a href="https://snappy.collaction.hk/download" target="_blank">下載
Snappy 手機應用程式</a> 拍下當今對比相片,協助補充資料庫的內容。</h4>
</div>
</div>
</div>
<div class="group-5x justified-gallery-loading">
<div class='uil-ripple-css' style='transform:scale(0.81);'>
<div></div>
<div></div>
</div>
<div class="h3 mb0 mt0">載入中⋯⋯</div>
</div>
<div id="opContainer" class="justified-gallery group-5x mt2">
<div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/554"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/861ac8530d1e82dbdc14b40058633886.jpg"/></a>
<div class="img-desc">
<div class="">油尖旺區 - 油麻地彌敦道與加士居道 防空洞</div>
<div class="">1980 年</div>
</div>
</div><div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/343"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/wcp7P9dUWLebf2AqugmtQiTEsyzHRFrK.jpg"/></a>
<div class="img-desc">
<div class="">油尖旺區 - 彌敦道</div>
<div class="">1910 年</div>
</div>
</div><div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/356"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/Q1N9rldhp80ma4kKiLYRxzTGCWnAfycF.jpg"/></a>
<div class="img-desc">
<div class="">灣仔區 - 紅隧港島出入口</div>
<div class="">1970 年</div>
</div>
</div><div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/302"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/ndA4EP8zuvwixbMfkC1tBSyFeT2jRlpq.jpg"/></a>
<div class="img-desc">
<div class="">中西區 - 干諾道</div>
<div class="">1920 年</div>
</div>
</div><div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/157"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/e03281d4e4188e19cd13d4a74d3ca23a.jpg"/></a>
<div class="img-desc">
<div class="">中西區 - IFC</div>
<div class="">2010 年</div>
</div>
</div><div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/230"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/5vU2COE8X1AsT0lGBtZeFgiIDnPjLJmz.jpg"/></a>
<div class="img-desc">
<div class="">觀塘區 - 牛頭角平房區</div>
<div class="">1952 年</div>
</div>
</div><div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/579"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/1d567d5ace4dabaddc2b2d23b4021e08eea5cf0c08108c28aea2dfc7a8ecb0c4335d7ff0a032405b28bd60792995a109.jpg"/></a>
<div class="img-desc">
<div class="">黃大仙區 - 三山國皇廟 坪石邨</div>
<div class="">2018 年</div>
</div>
</div><div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/279"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/TsyeqxVO8DaZRLIBXKMCUtb4v1gQS6Gj.jpg"/></a>
<div class="img-desc">
<div class="">元朗區 - 石崗機場</div>
<div class="">1983 年</div>
</div>
</div> </div>
</div>
<div class="section mb20">
<div class="container">
<div class="section-title bold d-block d-md-flex align-items-center">
<div class="section-title-header">
<div class="h1 mt0 mb0">
<i class="fas fa-clock main-color"></i> 最近上載
</div>
</div>
<div class="flex-fill d-none d-md-block section-title-line"></div>
<div class="section-title-button">
<a class="d-btn main-btn btn-sm" href="https://snappy.collaction.hk/discovery">查看所有相片</a>
</div>
</div>
<div class="card card-default">
<div class="card-body">
<h4 class="mb0">以下相片資料有錯及不合適嗎?請 <a
href="https://docs.google.com/forms/d/e/1FAIpQLSfWjN1yOljuMa-5RKQKhPZHuJkZLI5b35NVZ04_79gHtD2v0A/viewform"
target="_blank">回報問題</a> 給我們處理!</h4>
</div>
</div>
</div>
<div class="group-5x justified-gallery-loading">
<div class='uil-ripple-css' style='transform:scale(0.81);'>
<div></div>
<div></div>
</div>
<div class="h3 mb0 mt0">載入中⋯⋯</div>
</div>
<div id="opContainer" class="justified-gallery group-5x mt2">
<div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/610"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/ccc04bea4eca7efa5e83cafc5ad8de4b7b3aa0b156f134ba7c6d00ea5064f67da789d4c3960f1df1d1d40c60374d4770.jpg"/></a>
<div class="img-desc">
<div class="">北區 - 上水</div>
<div class="">2020 年</div>
</div>
</div><div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/609"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/3c6c24b596460629c007b556c0bf505e62c3a278cbb63146198ac8413074454176f6ad278955193ca5aa1a3bd6edcda5.jpg"/></a>
<div class="img-desc">
<div class="">深水埗區 - 元洲街東京街交界,公廁對面</div>
<div class="">2019 年</div>
</div>
</div><div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/608"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/1a7bb1804905c0a850176270f87c923d22b8f18cadb948647a738ea1370db5222653acca6664405850dc620d0c66b652.jpg"/></a>
<div class="img-desc">
<div class="">深水埗區 - 嘉頓山俯視深水埗街景</div>
<div class="">2020 年</div>
</div>
</div><div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/607"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/874d9a9c6ec9dc976bbea289aa1a24e0b926d49c2fcaa7c7151b56fa30670e8a582b54d6e52ffb79e6658dde49c2d1bc.jpg"/></a>
<div class="img-desc">
<div class="">荃灣區 - 光板田村</div>
<div class="">2020 年</div>
</div>
</div><div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/606"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/43e6f63997b9cece5f175ffde383f88f43be625f358970d64789134b87b364d6992dc6c06091962966a329995990a850.jpg"/></a>
<div class="img-desc">
<div class="">大埔區 - 大元邨泰民樓 10-12號鋪</div>
<div class="">2020 年</div>
</div>
</div><div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/605"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/a82ad93c8059a9f662f44b7894c8b698767487d87b41260c50a1fad235000aa7f976ac78b3c93cabe8d3acb6464b67bf.jpg"/></a>
<div class="img-desc">
<div class="">九龍城區 - 東正道</div>
<div class="">2020 年</div>
</div>
</div><div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/604"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/40392a5464387153e519a54ec64d81c25466428eefd0406312696c93cf4094f7d22ba296e53a4f4701e73abb81908c31.jpg"/></a>
<div class="img-desc">
<div class="">九龍城區 - 東正道</div>
<div class="">2020 年</div>
</div>
</div><div class="img-wrapper">
<a href="https://snappy.collaction.hk/photo/603"
target=""><img src="https://assets.collaction.hk/snappy/op/tb/a39e62c8db62b86bf8d7d6d20266da900ce38f8fc8981bdfb93a1d099c0a413c14b4a4fa2cf1e6444d0e0667cfce50e0.jpg"/></a>
<div class="img-desc">
<div class="">九龍城區 - 東頭邨</div>
<div class="">2020 年</div>
</div>
</div> </div>
</div>
<script>
$(window).on('load', function () {
collage();
});
</script>
<div class="d-flex group-5x" style="height: 3px;">
<div class="flex-fill main-bg"></div>
<div class="flex-fill green-bg"></div>
<div class="flex-fill red-bg"></div>
<div class="flex-fill yellow-bg"></div>
</div>
<div class="section container group-5x d-print-none">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1 col-xl-8 offset-xl-2">
<h2 class="text-center">繼續向前,我們需要您的支持</h2>
<p class="" style="font-size: 1.25rem; -webkit-font-smoothing: antialiased;">
Collaction 小隊沒有主要金錢援助,全靠小隊成員的付出。因此您的小額支持除了能減輕我們的負擔之外,還是對我們一種鼓舞。</p>
<form class="form" action="https://www.collaction.hk/s/snappy/fund" method="get"
novalidate="novalidate">
<div class="mb2 price-input input-group">
<div class="input-group-prepend"><span class="input-group-text">HK$</span></div>
<input id="totalInput" pattern="\d*" type="number" name="amount" step="any" value="50.0"
placeholder="50.0"
class="form-control">
<div class="input-group-append">
<button class="d-btn main-btn elevation-0" type="submit">下一步</button>
</div>
</div>
</form>
<div class="text-center"><img
src="https://www.collaction.hk/assets/img/payment/powered-by-stripe.2017051301.png">
</div>
</div>
</div>
</div>
<div class="d-flex group-5x" style="height: 3px;">
<div class="flex-fill main-bg"></div>
<div class="flex-fill green-bg"></div>
<div class="flex-fill red-bg"></div>
<div class="flex-fill yellow-bg"></div>
</div>
<div class="container section">
<h2 class="group-4x">提交你的香港昔日相片,讓其他人拍攝今天同一角度的風貌,一起梳理香港歷史,保留我們的珍貴回憶!</h2>
<div class="group-5x row">
<div class="col-12 col-lg-4">
<div class="group-2x">
<img src="https://assets.collaction.hk/assets/2021031601/img/special/snappy/m3-old.png">
</div>
<div class="group-2x">
<h3>上傳相片</h3>
<p class="h4">舊相片不一定是指 60 年代昔日香港的風情,只要是 2021 年或以前的相片,都可以提交的。</p>
<a class="d-btn btn-lg ghost-green-btn" href="https://snappy.collaction.hk/upload">
按此上傳
</a>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="group-2x">
<img src="https://assets.collaction.hk/assets/2021031601/img/special/snappy/m3-new.png">
</div>
<div class="group-2x">
<h3 class="">拍攝今日相片</h3>
<p class="h4">使用專屬的手機應用程式拍攝對比相片,一起豐富資料庫的影像。</p>
<div class="group-2x d-flex text-center">
<div class="flex-fill">
<a href="https://apps.apple.com/hk/app/snappy/id1463383923" target="_blank">
<img src="https://assets.collaction.hk/assets/2021031601/img/special/snappy/app-ios-badge-50.png">
</a>
</div>
<div class="flex-fill">
<a href="https://play.google.com/store/apps/details?id=hk.collaction.snappy"
target="_blank">
<img src="https://assets.collaction.hk/assets/2021031601/img/special/snappy/app-android-badge-50.png">
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="group-2x">
<img src="https://assets.collaction.hk/assets/2021031601/img/special/snappy/m3-search.png">
</div>
<div class="group-2x">
<h3 class="">一起參與</h3>
<p class="h4">任何人皆可不受時地限制檢視、編輯、修改及授權內容,為未來一起創建香港的線上街景相片庫。</p>
</div>
</div>
</div>
</div>
<div class="d-flex group-5x" style="height: 3px;">
<div class="flex-fill main-bg"></div>
<div class="flex-fill green-bg"></div>
<div class="flex-fill red-bg"></div>
<div class="flex-fill yellow-bg"></div>
</div>
<div id="projectIntro" class="container group-5x">
<blockquote class="text-left group-2x">
<p class="h2 mb0">Snappy 的願景 - 「Free」的香港街景相片資料庫,「Free」的意思不只是免費,還有自由和開放的意義在裡頭,任何人皆可不受時地限制檢視、編輯、修改及授權內容。</p>
</blockquote>
<div class="row">
<div class="col-12 col-md-6 text-center group-2x">
<div id="footerSliderContainer">
</div>
</div>
<div class="col-12 col-md-6 group-2x">
<div class="card card-default text-left">
<div class="card-body">
<p>Snappy 香港街景相片資料庫是 Collaction 小隊第 7 個社會創新項目,以新技術呈現今昔香港的對比,並推廣群眾外包文化 Crowdsourcing 及 Creative
Commons 授權。網站及手機應用程式由 Collaction 團隊開發及維護讓任何人無需登記或註冊會員,都可透過瀏覽及提交香港舊/新街景相片。</p>
<p>歡迎大家到 <a href="https://www.facebook.com/snappyscheme/"
target="_blank">Facebook 專頁提出一些意見及功能請求 <i class="fas fa-external-link"></i></a>,讓整個計劃更能完善。
</p>
</div>
</div>
</div>
</div>
</div>
<div class="container group-5x">
<blockquote class="text-left group-2x">
<p class="h2 mb0">透過你的手機輕易拍攝對比相片</p>
</blockquote>
<div class="row">
<div class="col-12 col-md-6 group-2x">
<div class="card card-default text-left">
<div class="card-body">
<p>網頁版透過 JuxtaposeJS 開源程式,以嶄新的方式呈現今昔對比的相片,並利用 SEO 技術及於相片添加搜尋標記,讓 Google 等搜尋器索引到資料庫中的相片。</p>
<p>你亦可以一起貢獻作品:下載手機應用程式,然後用程式中的特制相機功能拍下同一地點的新相片。</p>
</div>
</div>
</div>
<div class="col-12 col-md-6 text-center group-2x">
<div class="group-2x d-flex text-center">
<div class="flex-fill">
<a href="https://apps.apple.com/hk/app/snappy/id1463383923" target="_blank">
<img src="https://assets.collaction.hk/assets/2021031601/img/special/snappy/app-ios-badge-50.png">
</a>
</div>
<div class="flex-fill">
<a href="https://play.google.com/store/apps/details?id=hk.collaction.snappy"
target="_blank">
<img src="https://assets.collaction.hk/assets/2021031601/img/special/snappy/app-android-badge-50.png">
</a>
</div>
</div>
<p class="alt">App Store 是 Apple Inc. 在美國及其他國家或地區註冊的服務標誌。Google Play 和 Android 均為 Google Inc. 的商標。</p>
</div>
</div>
</div>
<div class="container group-5x">
<blockquote class="text-left group-2x">
<p class="h2 mb0">將自己的創作以創用 CC 授權釋出</p>
</blockquote>
<div class="row">
<div class="col-12 col-md-6 text-center group-2x">
<img src="https://assets.collaction.hk/assets/2021031601/img/special/snappy/intro-cc-image.png"
width="300"/>
</div>
<div class="col-12 col-md-6 group-2x">
<div class="card card-default text-left">
<div class="card-body">
<p>為了使版權實踐更具彈性,在絕對控制與完全放棄版權兩個極端之間有更多選擇可能,我們參照維基共享資源及 Flickr 的做法,容許相片拍攝者及擁有者選擇在「版權所有」及 <a
href="http://www.creativecommons.org.tw/explore" target="_blank">Creative Commons 授權
<i
class="fas fa-external-link"></i></a> 下提供他們的作品。</p>
<p>例如使用<u>「非商業性」</u>表示你允許其他人複製、散佈、展示與表演你的作品 – 和以它為基礎的衍生作品 – <u>但只限於非商業用途</u>。</p>
<p>不但保障了你的作品權利,也讓使用者清楚地了解使用與散佈你的作品的條件。</p>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex group-5x" style="height: 3px;">
<div class="flex-fill main-bg"></div>
<div class="flex-fill green-bg"></div>
<div class="flex-fill red-bg"></div>
<div class="flex-fill yellow-bg"></div>
</div>
<div class="project-details-desc text-center group-5x">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<h2>感謝他們支持及分享理念!</h2>
<div class="scrollable full-width">
<ul class="list-inline list-inline-center" style="padding-left: 0;">
<li class="list-inline-item">
<a href="https://goo.gl/AW3jnn" target="_blank"> <img
class="thanks-logo"
src="https://assets.collaction.hk/assets/2021031601/img/collaction/thanks-logo-60/thanks-standhk.png"/>
</a>
</li>
<li class="list-inline-item">
<a href="http://hk.apple.nextmedia.com/realtime/supplement/20161031/55839894"
target="_blank"> <img class="thanks-logo"
src="https://assets.collaction.hk/assets/2021031601/img/collaction/thanks-logo-60/thanks-appledaily-supplement.jpg"/>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.hk01.com/%E7%A4%BE%E5%8D%80/79236/-%E8%88%8A%E9%A6%99%E6%B8%AF%E6%96%B0%E7%8E%A9%E6%B3%95-%E6%B0%91%E9%96%93%E6%94%B6%E9%9B%86%E8%88%8A%E7%9B%B8-%E6%BD%AE%E7%8E%A9%E4%BB%8A%E6%98%94%E6%8B%BC%E5%9C%96-%E4%BD%A0%E5%8F%88%E8%AA%8D%E5%BE%97%E5%87%BA%E9%82%8A%E5%BA%A6-"
target="_blank"> <img class="thanks-logo"
src="https://assets.collaction.hk/assets/2021031601/img/collaction/thanks-logo-60/thanks-hk01.png"/>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="section container">
<div class="row">
<div class="col-12 col-md-10 offset-md-1 text-left">
<div class="group-5x">
<h2>不負責的 Q&A</h2>
<h3>Q: 您們是什麼人?</h3>
<p class="intro-p">Collaction
是一個群眾外包(Crowdsourcing)社群,讓社會創革者分享、交流、加速前進,透過召集資源和人力,共同實踐社會創新的項目及想法。目標是透過網絡方式令社會創革者更有效管理他們發起的項目,同時讓社會上不同專業的人更容易尋找有興趣的項目加以協助,透過網絡共享資源,發揮互協的社群力量,令創新項目得以成功。</p>
<h3>Q: 為什麼會有這個想法?</h3>
<p class="intro-p">
那麼您要看看 <a href="https://www.collaction.hk/project/story/223" target="_blank">這個計劃的故事</a>。
</p>
<h3>Q: 我還想了解您們更多。</h3>
<p class="intro-p">
歡迎到 <a href="https://www.collaction.hk/about" target="_blank">關於我們</a>、<a
href="https://www.facebook.com/collaction.hk" target="_blank">追蹤我們 Facebook Page</a>、<a
href="mailto:snappy@collaction.hk" target="_blank">Email 給我們</a> 或 <a
href="https://www.collaction.hk/about/contact_us" target="_blank">送給我們一杯咖啡</a>。
</p>
<h3>Q: 我發現相片或網站功能有問題,如何通知你們?</h3>
<p class="intro-p">
相片內容由使用者提供,Collaction 小隊會不定時審核內容,然而有時會無法即時處理。如對於以上內容有異議或認定為濫用,請在<a
href="https://docs.google.com/forms/d/e/1FAIpQLSfWjN1yOljuMa-5RKQKhPZHuJkZLI5b35NVZ04_79gHtD2v0A/viewform"
target="_blank">這裡向我們報告</a>。
</p>
<h3>Q: 你們不是「失蹤人口」的團體嗎?</h3>
<p class="intro-p">
您應該是指<a href="https://notfound.collaction.hk" target="_blank">「Not Found 找不到計劃」</a>吧?這個也是
Collaction 團隊其中一個項目。
</p>
<h3>Q: 香港會有什麼社會創新項目?</h3>
<p class="intro-p">
來看看其他人在 Collaction 網站上發起的 <a href="https://www.collaction.hk/discovery/project?ref=snappy"
target="_blank">有趣項目</a>。
</p>
</div>
<div class="text-center">
<div class="group">
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">
<img alt="創用 CC 授權條款" style="border-width:0"
src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png"/>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="group-5x">
<div id="homeColumn" class="home-column">
<div class="column-hero">
<span class="column-hero-title">
<span class="yellow-color d-none d-md-block">★★ </span>
<span class="main-color d-none d-md-block">COLLACTION小隊 為您呈獻</span>
<span class="yellow-color d-md-none">我們為您呈獻</span>
<span class="yellow-color d-none d-md-block"> ★★</span>
</span>
</div>
<div class="home-column-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-lg-8 offset-lg-2">
<div class="text-center h2">試看看 Collaction 原創項目獲得靈感</div>
</div>
</div>
</div>
<div class="carousel-container featured-carousel group-5x carousel-container-lg">
<div class="item notfoundpet">
<a href="https://www.collaction.hk/s/notfoundpet?ref=featured" class="link--no-accent">
<div class="project-details-picture group-1x">
<img class="image-lazy-loading pending" src="https://assets.collaction.hk/assets/2021031601/img/placeholder_16_9.png"
data-src="https://assets.collaction.hk/project_image/a3fb1968656757d33ff53d5ca49842f5ddebace107bd8e45eed14afb3f85a2716159510f09aefbe1b70d5af4f5298a26.jpg">
</div>
<h3>Not Found Pet 失寵計劃</h3>
<p>
有關香港失蹤寵物的社會項目。動物不會說話,更加依賴群眾的留意去尋回。計劃透過群眾外包(Crowdsourcing)方式有效收集和自動發放失蹤寵物的資料到不同網站及社交平台,讓更多群眾了解資料並提供協助。</p>
<button class="d-btn ghost-main-btn btn-sm">繼續閱讀⋯⋯</button>
</a>
</div>
<div class="item kidshare-2019">
<a href="https://www.collaction.hk/s/kidshare2019?ref=featured" class="link--no-accent">
<div class="project-details-picture group-1x">
<img class="image-lazy-loading pending" src="https://assets.collaction.hk/assets/2021031601/img/placeholder_16_9.png"
data-src="https://assets.collaction.hk/project_image/c1dd981cab2b5f66e2847ee0155156feca87b1cdfc3131f25211449b9d4fff6682ffc0d50b55a7d49b0556e29641befc.jpg">
</div>
<h3>童心共享•童話遊樂場</h3>
<p>香港的遊樂場設施大同小異,都是幾乎一式一樣的膠滑梯、「紙尿片」鞦韆、搖搖馬、爬架......但其實小朋友才是真正的用家,讓我們一同來聽聽兒童的心聲吧!</p>
<button class="d-btn ghost-main-btn btn-sm">繼續閱讀⋯⋯</button>
</a>
</div>
<div class="item timber">
<a href="https://www.collaction.hk/s/timber?ref=featured" class="link--no-accent">
<div class="project-details-picture group-1x">
<img class="image-lazy-loading pending" src="https://assets.collaction.hk/assets/2021031601/img/placeholder_16_9.png"
data-src="https://assets.collaction.hk/project_image/af977cb1f1b19981f046c01b82fbfe58e41d1be4d9257dce8c9f98670783770bcfb9d59bdd1772a3fd4bc7178de6b2d7.jpg">
</div>
<h3>Timber 香港古樹皮圖鑑</h3>
<p>目前已經有 100 萬次配對成功,Timber 是世界上最受歡迎的樹皮配對服務,適合想要認識新樹木的人。把樹木當成您生活上最可靠的夥伴—無論您去到香港哪裡,這些樹木都在您身邊。</p>
<button class="d-btn ghost-main-btn btn-sm">繼續閱讀⋯⋯</button>
</a>
</div>
<div class="item kidshare">
<a href="https://www.collaction.hk/s/kidshare2017?ref=featured" class="link--no-accent">
<div class="project-details-picture group-1x">
<img class="image-lazy-loading pending" src="https://assets.collaction.hk/assets/2021031601/img/placeholder_16_9.png"
data-src="https://assets.collaction.hk/project_image/b7ca25016504f0ec7260ab498ce8dd45.jpg">
</div>
<h3>童心共享 2017</h3>
<p>Collaction 小隊的第三回年度教育活動,隨著蘇屋邨的重建及重新入伙,深水埗社區迎入一班新街坊,而當中有不少是獨居長者。來自深中樂 Teen 會的一班基層家庭會員需要從探訪任務中與長者們打開話匣子,然後決定一份送給長者的禮物。同時,小朋友將會著手舉辦一場換物會,回饋市民的捐贈。</p>
<button class="d-btn ghost-main-btn btn-sm">繼續閱讀⋯⋯</button>
</a>
</div>
<div class="item kidshare">
<a href="https://www.collaction.hk/s/newyear2016?ref=featured" class="link--no-accent">
<div class="project-details-picture group-1x">
<img class="image-lazy-loading pending" src="https://assets.collaction.hk/assets/2021031601/img/placeholder_16_9.png"
data-src="https://assets.collaction.hk/project_image/caff1962ffa4f16500e94c6acfa4a551.jpg">
</div>
<h3>童心迎新年 2016</h3>
<p>Collaction 小隊的第二回年度教育活動,「共享社區.共享快樂」,在新年期間透過活動讓基層小朋友學習社會資源共享、互助精神與成長,同時開放給予市民可以透過群眾外包的方式去參與和支持。</p>
<button class="d-btn ghost-main-btn btn-sm">繼續閱讀⋯⋯</button>
</a>
</div>
<div class="item notfound">
<a href="https://www.collaction.hk/s/notfound?ref=featured" class="link--no-accent">
<div class="project-details-picture group-1x">
<img class="image-lazy-loading pending" src="https://assets.collaction.hk/assets/2021031601/img/placeholder_16_9.png"
data-src="https://assets.collaction.hk/project_image/d29ec03fb30db7ec8f02ca620fa9bd8b.jpg">
</div>
<h3>Not Found 找不到計劃</h3>
<p>透過群眾外包(Crowdsourcing)方式有效地收集及分發失蹤人口的資料到不同網站,讓群眾們也能了解資料並提供協助。</p>
<button class="d-btn ghost-main-btn btn-sm">繼續閱讀⋯⋯</button>
</a>
</div>
<div class="item collaction">
<a href="https://www.collaction.hk/s/collactionopensource?ref=featured" class="link--no-accent">
<div class="project-details-picture group-1x">
<img class="image-lazy-loading pending" src="https://assets.collaction.hk/assets/2021031601/img/placeholder_16_9.png"
data-src="https://assets.collaction.hk/project_image/8b8066a31e8eb3abeee58f4f91332087.jpg">
</div>
<h3>Collaction Open Source</h3>
<p>Collaction 小隊開源自家開發的程式,皆因相信我們可以共同創造優秀的軟件和更好的世界。</p>
<button class="d-btn ghost-main-btn btn-sm">繼續閱讀⋯⋯</button>
</a>
</div>
<div class="item snappy">
<a href="https://www.collaction.hk/s/snappy?ref=featured" class="link--no-accent">
<div class="project-details-picture group-1x">
<img class="image-lazy-loading pending" src="https://assets.collaction.hk/assets/2021031601/img/placeholder_16_9.png"
data-src="https://assets.collaction.hk/project_image/a78412176b116e8336aecf86663cfa8d.jpg">
</div>
<h3>Snappy - 香港街景相片資料庫</h3>
<p>Snappy 的願景 - 「Free」的香港街景相片資料庫,「Free」的意思不只是免費,還有自由和開放的意義在裡頭,任何人皆可不受時地限制檢視、編輯、修改及授權內容。</p>
<button class="d-btn ghost-main-btn btn-sm">繼續閱讀⋯⋯</button>
</a>
</div>
</div>
<div class="project-carousel-mobile d-lg-none">
<div class="item notfoundpet">
<a href="https://www.collaction.hk/s/notfoundpet?ref=featured" class="link--no-accent">
<div class="project-details-picture group-1x">
<img src="https://assets.collaction.hk/project_image/a3fb1968656757d33ff53d5ca49842f5ddebace107bd8e45eed14afb3f85a2716159510f09aefbe1b70d5af4f5298a26.jpg">
</div>
<h3>Not Found Pet 失寵計劃</h3>
<p>
有關香港失蹤寵物的社會項目。動物不會說話,更加依賴群眾的留意去尋回。計劃透過群眾外包(Crowdsourcing)方式有效收集和自動發放失蹤寵物的資料到不同網站及社交平台,讓更多群眾了解資料並提供協助。</p>
<button class="d-btn ghost-main-btn btn-sm">繼續閱讀⋯⋯</button>
</a>
</div>
<div class="item kidshare-2019">
<a href="https://www.collaction.hk/s/kidshare2019?ref=featured" class="link--no-accent">
<div class="project-details-picture group-1x">
<img class="image-lazy-loading pending" src="https://assets.collaction.hk/assets/2021031601/img/placeholder_16_9.png"
data-src="https://assets.collaction.hk/project_image/c1dd981cab2b5f66e2847ee0155156feca87b1cdfc3131f25211449b9d4fff6682ffc0d50b55a7d49b0556e29641befc.jpg">
</div>
<h3>童心共享•童話遊樂場</h3>
<p>香港的遊樂場設施大同小異,都是幾乎一式一樣的膠滑梯、「紙尿片」鞦韆、搖搖馬、爬架......但其實小朋友才是真正的用家,讓我們一同來聽聽兒童的心聲吧!</p>
<button class="d-btn ghost-main-btn btn-sm">繼續閱讀⋯⋯</button>
</a>
</div>
<div class="item timber">
<a href="https://www.collaction.hk/s/timber?ref=featured" class="link--no-accent">
<div class="project-details-picture group-1x">
<img class="image-lazy-loading pending" src="https://assets.collaction.hk/assets/2021031601/img/placeholder_16_9.png"
data-src="https://assets.collaction.hk/project_image/af977cb1f1b19981f046c01b82fbfe58e41d1be4d9257dce8c9f98670783770bcfb9d59bdd1772a3fd4bc7178de6b2d7.jpg">
</div>
<h3>Timber 香港古樹皮圖鑑</h3>
<p>目前已經有 100 萬次配對成功,Timber 是世界上最受歡迎的樹皮配對服務,適合想要認識新樹木的人。把樹木當成您生活上最可靠的夥伴—無論您去到香港哪裡,這些樹木都在您身邊。</p>
<button class="d-btn ghost-main-btn btn-sm">繼續閱讀⋯⋯</button>
</a>
</div>
<div class="item snappy">
<a href="https://www.collaction.hk/s/snappy?ref=featured" class="link--no-accent">
<div class="project-details-picture group-1x">
<img class="image-lazy-loading pending" src="https://assets.collaction.hk/assets/2021031601/img/placeholder_16_9.png"
data-src="https://assets.collaction.hk/project_image/a78412176b116e8336aecf86663cfa8d.jpg">
</div>
<h3>Snappy - 香港街景相片資料庫</h3>
<p>Snappy 的願景 - 「Free」的香港街景相片資料庫,「Free」的意思不只是免費,還有自由和開放的意義在裡頭,任何人皆可不受時地限制檢視、編輯、修改及授權內容。</p>
<button class="d-btn ghost-main-btn btn-sm">繼續閱讀⋯⋯</button>
</a>
</div>
<div class="item kidshare">
<a href="https://www.collaction.hk/s/kidshare2017?ref=featured" class="link--no-accent">
<div class="project-details-picture group-1x">
<img class="image-lazy-loading pending" src="https://assets.collaction.hk/assets/2021031601/img/placeholder_16_9.png"
data-src="https://assets.collaction.hk/project_image/b7ca25016504f0ec7260ab498ce8dd45.jpg">
</div>
<h3>童心共享 2017</h3>
<p>Collaction 小隊的第三回年度教育活動,隨著蘇屋邨的重建及重新入伙,深水埗社區迎入一班新街坊,而當中有不少是獨居長者。來自深中樂 Teen 會的一班基層家庭會員需要從探訪任務中與長者們打開話匣子,然後決定一份送給長者的禮物。同時,小朋友將會著手舉辦一場換物會,回饋市民的捐贈。</p>
<button class="d-btn ghost-main-btn btn-sm">繼續閱讀⋯⋯</button>
</a>
</div>
<div class="item kidshare">
<a href="https://www.collaction.hk/s/newyear2016?ref=featured" class="link--no-accent">
<div class="project-details-picture group-1x">
<img class="image-lazy-loading pending" src="https://assets.collaction.hk/assets/2021031601/img/placeholder_16_9.png"
data-src="https://assets.collaction.hk/project_image/caff1962ffa4f16500e94c6acfa4a551.jpg">
</div>
<h3>童心迎新年 2016</h3>
<p>Collaction 小隊的第二回年度教育活動,「共享社區.共享快樂」,在新年期間透過活動讓基層小朋友學習社會資源共享、互助精神與成長,同時開放給予市民可以透過群眾外包的方式去參與和支持。</p>
<button class="d-btn ghost-main-btn btn-sm">繼續閱讀⋯⋯</button>
</a>
</div>
<div class="item notfound">
<a href="https://www.collaction.hk/s/notfound?ref=featured" class="link--no-accent">
<div class="project-details-picture group-1x">
<img class="image-lazy-loading pending" src="https://assets.collaction.hk/assets/2021031601/img/placeholder_16_9.png"
data-src="https://assets.collaction.hk/project_image/d29ec03fb30db7ec8f02ca620fa9bd8b.jpg">
</div>
<h3>Not Found 找不到計劃</h3>
<p>透過群眾外包(Crowdsourcing)方式有效地收集及分發失蹤人口的資料到不同網站,讓群眾們也能了解資料並提供協助。</p>
<button class="d-btn ghost-main-btn btn-sm">繼續閱讀⋯⋯</button>
</a>
</div>
<div class="item collaction">
<a href="https://www.collaction.hk/s/collactionopensource?ref=featured" class="link--no-accent">
<div class="project-details-picture group-1x">
<img class="image-lazy-loading pending" src="https://assets.collaction.hk/assets/2021031601/img/placeholder_16_9.png"
data-src="https://assets.collaction.hk/project_image/8b8066a31e8eb3abeee58f4f91332087.jpg">
</div>
<h3>Collaction Open Source</h3>
<p>Collaction 小隊開源自家開發的程式,皆因相信我們可以共同創造優秀的軟件和更好的世界。</p>
<button class="d-btn ghost-main-btn btn-sm">繼續閱讀⋯⋯</button>
</a>
</div>
</div>
<div class="group text-center">
<div class="h3">我們還有其他項目,哈哈!</div>
<a href="https://www.collaction.hk/discovery/project?q=Collaction小隊" class="d-btn btn-lg main-btn"><i
class="fas fa-sign-language"></i> 查看更多</a>
</div>
</div>
</div>
</div>
<div id="loading-slider">
<div class="ls-line"></div>
<div id="ls-dot1" class="ls-break ls-dot1"></div>
<div id="ls-dot2" class="ls-break ls-dot2"></div>
<div id="ls-dot3" class="ls-break ls-dot3"></div>
</div>
</div>
<div id="fb-root"></div>
<script>
var base_url = 'https://snappy.collaction.hk/';
var img_url = 'https://assets.collaction.hk/assets/2021031601/img/';
$(window).on('load', function () {
if ($('#footerSliderContainer').get(0)) {
initHomeSlider(
'#footerSliderContainer',
{
src: 'https://assets.collaction.hk/assets/2021031601/img/special/snappy/cover-old.png'
},
{
src: 'https://assets.collaction.hk/assets/2021031601/img/special/snappy/cover-new.png'
}
);
}
});
$(function () {
if (document.getElementById('homeColumn')) {
initFeaturedCarousel();
}
});
</script>
<script src="https://kit.fontawesome.com/709f9ae192.js" crossorigin="anonymous" defer></script>
</body>
</html>