gallery

所属分类:图形图象
开发工具:JavaScript
文件大小:0KB
下载次数:0
上传日期:2023-09-30 19:12:55
上 传 者sh-1993
说明:  新闻上ICPC官方照片库的源代码。ICPC.global gallery,
(source code of the official ICPC photo gallery on news.icpc.global gallery,)

文件列表:
.eslintrc.json (1789, 2023-12-26)
archive.bat (122, 2023-12-26)
build-interactive.sh (514, 2023-12-26)
build.bat (199, 2023-12-26)
build.sh (332, 2023-12-26)
data/ (0, 2023-12-26)
data/2001.event (114, 2023-12-26)
data/2001.people (44, 2023-12-26)
data/2001.team (1760, 2023-12-26)
data/2002.event (129, 2023-12-26)
data/2002.people (44, 2023-12-26)
data/2002.team (1818, 2023-12-26)
data/2003.event (223, 2023-12-26)
data/2003.people (2005, 2023-12-26)
data/2003.team (2083, 2023-12-26)
data/2004.event (183, 2023-12-26)
data/2004.people (2802, 2023-12-26)
data/2004.team (2189, 2023-12-26)
data/2005.event (263, 2023-12-26)
data/2005.people (3171, 2023-12-26)
data/2005.team (2325, 2023-12-26)
data/2006.event (339, 2023-12-26)
data/2006.people (4375, 2023-12-26)
data/2006.team (2546, 2023-12-26)
data/2007.event (127, 2023-12-26)
data/2007.people (1525, 2023-12-26)
data/2007.team (2674, 2023-12-26)
data/2008.event (235, 2023-12-26)
data/2008.people (2651, 2023-12-26)
data/2008.team (2979, 2023-12-26)
data/2009.event (200, 2023-12-26)
data/2009.people (3606, 2023-12-26)
data/2009.team (3080, 2023-12-26)
... ...

# [ICPC.global](https://icpc.global) World Finals Photo Gallery V2022 Created to substitute [news.icpc.global/gallery](https://news.icpc.global/gallery) photoarchive. [Figma mockups](https://www.figma.com/file/MvNh0jm8dj0LXOh9vsVUbK/ICPC-Live?node-id=0%3A1) Important features to keep: * no-backend flickr-based solution * photos are classified based on public flickr tags: year, event, team * individuals are tagged as "Firstname Lastname (location)" * show metadata information: photographer, year, event, team, tagged individuals, highlight tag locations * search by substring over all tags * easy image download * adaptive interface for larger screens * mobile version # User guide Welcome to the updated icpc gallery. All official photos from ICPC World Finals are stored here. If you would like to contribute your photos, email to lidia@icpc.global. ## Year Filter Select a year! Selector is located on the left on desktop and in the upper menu on mobile/ By default, when selectin a year with no other filters preset, you will enter a `Photo Tour`. ## Event Filter Photos from each year are classified into multiple events. Select the appropriate event in the `Events` filter. Some noteworthy filters are `Opening Ceremony`. `Team Photos`, `World Finals` and `Closing Ceremony`. ## Team Filter Pictures may have specific teams tagged in them. Select the team name from the list (or type a few letters to narrow your search) to get all images of that team in the selected year. ## People Filter To select the images with recognised individuals, pick a name from the list of suggestions, or type a few letters to narrow your search. ## General Search To search by a keyword just type it into the Search field. For example, `Bill`, `Opening` or `Champions` # Development The gallery is built on top of the flickr api backend. All metadata is stored in photo exif tags. Tag types are: * year, for example `album$2001` * event, for example `event$Team Photos` * team, for example `team$Aalto University` * person, for example `Bill Poucher(1761524d3f579a4d)`. The data in parenthesis denotes face location within the image in Picasa standard. ## Picasa Standard Face Tag The 16 characters enclosed in rect64(…) is a 64-bit hexadecimal number which can be broken up into four 16-bit numbers used to identify the position of the rectangle used to mark the face. If you divide each of the four 16-bit numbers by the maximum unsigned 16-bit number (65535), you’ll get four numbers between 0 and 1 which give the relative coordinates for the face rectangle in the order: left, top, right, bottom. To calculate the absolute coordinates, multiply the left and right relative coordinates by the width of the image and multiply the top and bottom relative coordinates by the height of the image. This way the faces will always be identified even when the image is re-sized. ## Flickr Tag Processing Even though flickr stores tags in their initial form, it is important to remember the following * by default, manually entered tags are split into separate words. Enclose the tag in quotes `"team$Aalto University"` to keep tag intact * flickr eliminates all spaces and non-letter sybmols from tags for the filtering purposes * make sure to keep correct encoding on tags, specifically in people names, to consistently process diacritic symbols * make sure to enclose all university names with punctuation in quotes ## Configuration [`src/const.js`](https://github.com/icpc/gallery/blob/main/data/consts.js) contais access detail and general year setup. This repository supports multiple galleries, each with its own dedicated [`/data/`](https://github.com/icpc/gallery/tree/main/data) folder. Each year is represented by three files in this folder: ```.event```, ```.people``` and ```.team``` with one item per line. ## Production Deployment Guide 1. After every commit Action [Publish Release](https://github.com/icpc/gallery/actions) will run automatically. 1. Open the Action page for the corresponding run. Wait for it to finish 1. Download the created ```all_raw``` on the bottom of the page 1. Upload the acquired ```all_raw.zip``` archive into Bluehost -> Advanced -> File Manager -> under ```home/public_html/newsicpc/``` folder 1. Select ```all_raw.zip``` in the bluehost filemanager webinterface and press the ```Extract``` button 1. All new galleries are deployed, good job! ## Development Deployment Guide Requires: Node 18+ Select gallery instance and build ``` set version= set PUBLIC_URL=gallery%version% set VITE_DATA_FOLDER=data%version% echo "Making bundle with public_url=%PUBLIC_URL% and data=%VITE_DATA_FOLDER%" npm run build -- --base=/%PUBLIC_URL% ``` 3. this will produce a folder named %PUBLIC_URL% 4. upload this folder to your server ## Future Work: * easy interface to suggest a photo tag change * (?) support universities changing names * rename events for better consistence (correct flickr tags) * release badge recognition tool * release tag embedding tool * support a face recognition tool

近期下载者

相关文件


收藏者