Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/thenocturnaldevgypsy-io/gypsyshards-bootstrap-template-linkinbio

GypsyShards : Series of Free Bootstrap 5.3.3 Responsive Themes of Link in Bio Templates. You like the Repo? Don't forget to 🌟, 👁️, 🔱 and ❤️!
https://github.com/thenocturnaldevgypsy-io/gypsyshards-bootstrap-template-linkinbio

bootstrap bootstrap-template bootstrap-theme bootstrap5 css gypsyshards html html-css-javascript javascript link-in-bio link-in-bio-template linkinbio linkinbio-alternative linkinbio-template responsive-design responsive-template responsive-website template thenocturnaldevgypsy thenocturnaldevgypsy-io

Last synced: 22 days ago
JSON representation

GypsyShards : Series of Free Bootstrap 5.3.3 Responsive Themes of Link in Bio Templates. You like the Repo? Don't forget to 🌟, 👁️, 🔱 and ❤️!

Awesome Lists containing this project

README

        

GypsyShards


Series of Free Bootstrap 5.3.3 Themes of Link in Bio Templates


You like the Repo? Don't forget to 🌟, 👁️, 🔱 and ❤️!



Purpose-PLAYGROUND
Version 2.1.3
Lang-HTML|CSS|JavaScript
Framework-Bootstrap 5.3.3
Contribute-OPEN
License MIT
Last Update 20.10.2024

Support me via Ko-Fi

## ![SECTION About this Repository](https://custom-icon-badges.demolab.com/badge/-About%20this%20Repository-24292e?logo=repo&logoColor=white&labelColor=00416a)

`GypsyShards` is one of my active personal project for refreshing my skills with the latest Bootstrap's release (5.3.3), focusing with creating several Responsive (`mobile`, `tablet` and `desktop`) Themes of Link in Bio Templates.

![SUBSECTION Live URLs](https://custom-icon-badges.demolab.com/badge/-Live%20URLs-24292e?logo=globe&logoColor=white&labelColor=2471AE)

- Via Vercel : https://gypsyshards.vercel.app/

## ![SECTION Build With ❤️ and ...](https://custom-icon-badges.demolab.com/badge/-Build%20With%20❤️%20and%20...-24292e?logo=tools&logoColor=white&labelColor=00416a)

**IDE and OS**
```
Version: 1.93.1 (user setup)
Commit: 38c31bc77e0dd6ae88a4e9cc93428cc27a56ba40
Date: 2024-09-11T17:20:05.685Z
Electron: 30.4.0
ElectronBuildId: 10073054
Chromium: 124.0.6367.243
Node.js: 20.15.1
V8: 12.4.254.20-electron.0
OS: Windows_NT x64 10.0.19045
```
**Web Server**
```
MAMP by MAMP GmbH
Version: 5.0.6 (7029)
x64 binaries release
```
**Framework and Tools**
```
- CSS Framework: Bootstrap 5.3.3
- Icons: Bootstrap Icons 1.11.3 and Lineicons 4.0 (Basic, Free)
- Font: Ubuntu from Google Fonts
```

## ![SECTION Folders and Files Structure](https://custom-icon-badges.demolab.com/badge/-Folders%20and%20Files%20Structure-24292e?logo=file-submodule&logoColor=white&labelColor=00416a)

At the moment, the repository contains the following structure, where:
```
project-root/
├── assets/ # assets folder for images, css, js and other libraries
│ ├── img/ # main directory for storing image files
│ │ └── favicons/ # favicons for the app
│ ├── css/ # main directory for storing css files
│ ├── js/ # main directory for storing js files
│ └── vendor/ # main directory for the libraries used from vendors
├── md_assets/ # assets folder for markdown files (documentation)
├── .gitignore # files ignored by Git
├── THEME-001.md # THEME 001 documentation
├── THEME-002.md # THEME 002 documentation
├── CONTRIBUTING.md # contribution protocol documentation
├── CHANGELOG.md # project changelog documentation
├── index.html # Main page to browse the templates with screenshots
├── README.md # project documentation
└── LICENSE # license file
```
Filename format for each themes:
| Details | Filename Format |
| ------------- | ------------- |
| theme page filename format | `theme-xxx(theme_number)-yyy(variant)-zzz(page_number).html` |
| theme page filename format | `theme-xxx(theme_number).md` |
| theme "base" page's screenshot filename format | `md_assets/theme-xxx(theme_number).jpg` |
| theme page's screenshot filename format | `assets/img/src-xxx(theme_number)-yyy(variant).jpg` |
| main CSS for the theme page filename format | `assets/css/style-xxx(theme_number)-yyy(variant).css` |
| main JS for the theme page filename format | `assets/js/core-xxx(theme_number)-yyy(variant).css` |

## ![SECTION Contents and Breakdown](https://custom-icon-badges.demolab.com/badge/-Contents%20and%20Breakdown-24292e?logo=book&logoColor=white&labelColor=00416a)
| Theme | # of Variants | Description |
| ------------- | ------------- | ------------- |
| [002](theme-002.md) | 005 | Body Background, Half-Image/Half-Solid Color Container Background, Circle Profile Picture, H1 Header, P Description and Footer, 4 Quick Social Media Links, 4 Link Buttons (1 Shakes every 6 seconds) with H2 Title, SPAN Description and Border Lines on Mouse Hover. |
| [001](theme-001.md) | 006 | Body Background, Container Background, Circle Profile Picture, H1 Header, P Description and Footer, 4 Quick Social Media Links, 4 Link Buttons (1 Shakes every 6 seconds). |
| index.html | 001 | Main Page/Home Page of the Project, allows users to browse the available templates. |

## ![SECTION Roadmap](https://custom-icon-badges.demolab.com/badge/-Roadmap-24292e?logo=tasklist&logoColor=white&labelColor=00416a)
See the [open issues](https://github.com/thenocturnaldevgypsy-io/gypsyshards-bootstrap-template-linkinbio/issues) for a list of proposed features (and known issues).

## ![SECTION Changelog](https://custom-icon-badges.demolab.com/badge/-Changelog-24292e?logo=log&logoColor=white&labelColor=00416a)

Below is the latest updates, go to the [Changelog Listing](CHANGELOG.md) for the complete information.

| Version | Date | Commit | Type | Description |
| ------------- | ------------- | ------------- | ------------- | ------------- |
| 2.1.3 | 20.10.2024 | [97a68c9](https://github.com/thenocturnaldevgypsy-io/gypsyshards-bootstrap-template-linkinbio/commit/97a68c96dfa8c8726743f2d2e60fc7dded6b233e) for [PR 2](https://github.com/thenocturnaldevgypsy-io/gypsyshards-bootstrap-template-linkinbio/pull/2), [1db40be](https://github.com/thenocturnaldevgypsy-io/gypsyshards-bootstrap-template-linkinbio/commit/1db40bec6d53dae2e061b34cb50cfbf592610099) for [PR 4](https://github.com/thenocturnaldevgypsy-io/gypsyshards-bootstrap-template-linkinbio/pull/4) | feat | - Old GitHub account [@thenocturnaldevgypsy](https://github.com/thenocturnaldevgypsy) got flagged for no reason given, recreating the repo to the new account [@thenocturnaldevgypsy-io](https://github.com/thenocturnaldevgypsy-io) [[PR 2](https://github.com/thenocturnaldevgypsy-io/gypsyshards-bootstrap-template-linkinbio/pull/2)]
- Updated the repo's documentation's URL for some links, but kept the ones from the CHANGELOG
-Redeployed at Vercel, Live URL: https://gypsyshards.vercel.app/ [[PR 4](https://github.com/thenocturnaldevgypsy-io/gypsyshards-bootstrap-template-linkinbio/pull/4)]
- For more info for the whole migration, see GitHub Project: https://github.com/users/thenocturnaldevgypsy-io/projects/1/views/1 |

## ![SECTION Contribute](https://custom-icon-badges.demolab.com/badge/-Contribute-24292e?logo=code-of-conduct&logoColor=white&labelColor=00416a)
Want to contribute? Great! Contributions welcome, but please read the [contribution guidelines](CONTRIBUTING.md) first on how to contribute to the project, including pull request guidelines and community contributions.

## ![SECTION License](https://custom-icon-badges.demolab.com/badge/-License-24292e?logo=file-badge&logoColor=white&labelColor=00416a)
Distributed under the MIT License by [Abegail Torrendon / thenocturnaldevgypsy](https://github.com/thenocturnaldevgypsy-io).
- You can freely modify and reuse.
- The original [LICENSE](LICENSE.md) must be included with copies of this software.
- Please link back (if you can fork, the better) to this repo.

## ![SECTION Get in Touch](https://custom-icon-badges.demolab.com/badge/-Get%20in%20Touch-24292e?logo=pencil&logoColor=white&labelColor=00416a)
I'd love to hear your thoughts on the project and get your suggestions. Feel free to [create new issue](https://github.com/thenocturnaldevgypsy-io/gypsyshards-bootstrap-template-linkinbio/issues/new) on this repo or you can also contact me at [my AMA repo](https://github.com/thenocturnaldevgypsy-io/ama-ask-me-anything).