World heritage sites and tentative sites in Nepal

Contents: About the Collection | About the About Page | Tech

About the Collection

Digital visualization project of UNESCO World Heritage sites and tentative sites of Nepal.

This project is a trial project as a fulfillment of the digital methods in Religious studies course requirement. In order to complete and acquire credit, Students must submit a project using a digital software application and demonstrate with selective topics that exhibit their learning in their project. As a project, I have selected a digital visualization of UNESCO World Heritage Sites and a Tentative sites list in Nepal. I would like to display digital photo galleries of sites with descriptions and their Locations on a map. I selected Collection Builder, which was a perfect match for my project, where I can display photos as well as the exact location of the heritage site on the map.

Step

To start collection builder, we have to create an account in GitHub which is free software. After signing up, it has to be verified with your email.

Step

**Create a new repository ** Create a free GitHub account - YouTube By clicking use this template and then create a new repository drawdown option.

The repository must be public, then give the repository name (the name must be lowercase without spaces. click Create Repository from the template.

Step

**Prepare metadata ** Make a copy of this Google Sheet of demo metadata. Download the spreadsheet as a CSV file by clicking File → Download → Comma Separated Values (.csv) Locate the CSV file on your computer (in the download folder). Without opening the CSV file, rename it using all lowercase letters, no spaces, and no special characters.

Step

Upload your metadata file. (https://www.youtube.com/watch?v=KVTnTJWzetA&list=PLt9zT3xACQo7q72AfphJzH41OiPcZrF4H&index=5&ab_channel=CollectionBuilder)

Click on the “_data” folder. Then click the Add file button and select Upload files. Choose your file, Commit changes, (write a short comment message) Then wait until the tick sign appears.

Step

Upload your object Click on the“ objects” folder, then click the add file button, and select Upload files. Select your image files, PDFs, and mp3s. Commit change, (Write short comment) Then wait until the tick sign appears.

step

**Configure your site settings ** ((20) 08 Add a featured image - YouTube) On your repository homepage, click on the “_config.yml” file. Click on the pencil icon to edit the file. After editing, commit the change.

step

Edit the About Page On the repository homepage, click on the “pages” folder and then on the “about.md” file. Write your text on this page using markdown. Other options Can also add features using sample code from Feature includes Bonanza page.

After finalizing edit Then write a commit message and commit changes. You can view changes by visiting a webpage and refreshing it.

Visualization results

Home page

Photo Gallery

Map with location and picture

About project experience

When I have to briefly summarize this project, I have some mixed experiences. While using this collection builder for the first time, I was very excited and curious about it. But working with little negligence and simple mistakes will affect the whole project.

Letter negligence Because of the uppercase letter mistake, my whole information was missing After consulting with Dr.Frederik Elwert, when It was correct, I felt little relief.

Displaying picture When you are working on a project, and it does not seem to work after several attempts then obviously frustrated and that happened to me. Whenever you upload files, and they do not appear on the websites, then it is really annoying. After several attempts, I realized it was because of the image size, which must be less than 1 MB and pixel size 1280x640. After applying it when it was successful it brings the feeling That you have completed half of the project. So, while working on this project, I learned some new learning and gained experience in developing websites. This project helps the new learner to visualize their data on a website with a beautiful interface.

This site is generated using CollectionBuilder-GH, a project to create a free and simple digital collection using GitHub Pages from:

• a CSV of collection metadata
• a folder of JPG images or PDF documents

The template repository features four objects from the University of Idaho Library’s Digital Collections.

For full details of creating your own collection site, visit CollectionBuilder Documentation!

About the About Page

We want to make engaging interpretive pages easier to create, so CollectionBuilder gives you tools to write with your collection content!

The template comes with a customizable “About” page layout designed for long form content with rich media embeds. Content is written in Markdown and enhanced using “includes” that pull in collection content, external media, and Bootstrap features like cards and modals. We hope this makes it easier for site builders to develop the collection AND add interesting and engaging contextual information.

Each “include” file has several options, which are documented in the files themselves–copy the examples to see how it works with your content! In the demo below, we’ve given display widths of 25% and 50% to save space, but you can feature the entire image or document.

You can also see a page featuring a bonanza of feature includes options on our CollectionBuilder-GH demo site.

Include Collection Items

The template provides includes to pull your collection objects and metadata into your interpretive page, allowing you to write with your materials directly embedded in the content.

Include an Image

• Image –> {% include feature/image.html objectid="demo_001" width="75" %}

Include a PDF

• PDF – > {% include feature/pdf.html objectid="demo_002" width="50" %}

Include a Video

• Video: {% include feature/video.html objectid="demo_004" %}

Include an Audio File

• Audio: {% include feature/audio.html objectid="demo_003" %}

Include Bootstrap Features

The template also provides includes to make it easier to add Bootstrap components to your Markdown writing. These features allow you to better organize and highlight your content.

Include a Card

• Card – > {% include feature/card.html header="This is a Card" text="The card features an image from the collection as a cap" objectid="demo004" width="25" centered=true %}

Include a Button

• Buttons – > {% include feature/button.html text="Button Link to Somewhere" link="https://collectionbuilder.github.io/" color="success" %}

Include an Alert

• Alerts – > {% include feature/alert.html text="this is an *alert* that 'warns' a user" color="warning" align="center" %}

Include a Modal

• Modals – > {% include feature/modal.html button="This is a modal using a 'primary' colored button to invite clicking" title="when clicked:" text="A Modal will pop out a box with some more information" color="primary" %}