https://github.com/peperoxyz/glassy-biolinks

🌐 Glassy Bio Links - A visually appealing, glassmorphism-inspired bio link page with customizable background and multiple social media links.
https://github.com/peperoxyz/glassy-biolinks

api biolinks css glassmorphism html unsplash

Last synced: about 2 months ago
JSON representation

🌐 Glassy Bio Links - A visually appealing, glassmorphism-inspired bio link page with customizable background and multiple social media links.

• Host: GitHub
• URL: https://github.com/peperoxyz/glassy-biolinks
• Owner: peperoxyz
• Created: 2024-08-08T11:44:34.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-09-12T10:30:45.000Z (about 1 year ago)
• Last Synced: 2024-11-05T19:05:52.954Z (12 months ago)
• Topics: api, biolinks, css, glassmorphism, html, unsplash
• Language: CSS
• Homepage: https://glassy-biolinks.netlify.app/
• Size: 1.59 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Devscale 8 Weeks Fullstack JS

This is a solution to the Devscale 8 Weeks Fullstack JS first week assignment - Assignment #1.

## Table of contents

-   [Overview](#overview)

    -   [The Problem](#the-problem)

    -   [Screenshot](#screenshot)

    -   [Links](#links)

-   [My process](#my-process)

    -   [Built with](#built-with)

    -   [What I learned](#what-i-learned)

-   [Author](#author)

## Overview

### The challenge

Users should be able to:

-   See hover and focus states for all interactive elements on the page

-   Redirected into a embeded links when icon or button is clicked

### Screenshot

![](https://pbs.twimg.com/media/GUjB6tmakAAf04U?format=jpg&name=large)

### Links

-   Solution URL: [Github Repo](https://github.com/peperoxyz/glassy-biolinks)

-   Live Site URL: [Live Site](https://glassy-biolinks.netlify.app/)

## My Process

### Built with

-   Semantic HTML5

-   CSS properties

-   Glassmorphism blurry effect reference from [Glass UI](https://ui.glass/generator/)

-   Image from Unsplash

### What I learned

I learned how to implement glassy (blurry and transparent) effect with CSS.

## Author

-   Website - [Dea Ananda Gunawan](https://deaportfolio-recap.super.site/)

-   Twitter - [@dededededea\_](https://www.twitter.com/dededededea_)