assets
Table of Contents
Assets
Endpoints
We store our static assets in this repository, GitHub Pages publishes it and jsDelivr CDN fetch it.
- Github Pages: https://lumibib.github.io/assets
- jsDelivr CDN: https://cdn.jsdelivr.net/gh/lumibib/assets/
- jsDelivr package: https://www.jsdelivr.com/package/gh/lumibib/assets
- Statically CDN: https://cdn.statically.io/gh/lumibib/assets/master/logo/logo-lumibib-color.svg
Usage
For example, our logo is available at :
- https://lumibib.github.io/assets/logo/logo-lumibib-color.svg
- https://cdn.jsdelivr.net/gh/lumibib/assets@latest/logo/logo-lumibib-color.svg
With jsDelivr CDN, you can choose a specific release or a specific git commit hash:
- https://cdn.jsdelivr.net/gh/lumibib/assets@latest/logo/logo-lumibib-color.svg
- https://cdn.jsdelivr.net/gh/lumibib/assets@b96d07edc4c0debe1fe38da344137accf6a55dba/logo/logo-lumibib-color.svg
With Statically CDN, you can choose a specific branch, tag or git commit hash:
- https://cdn.statically.io/gh/lumibib/assets/master/logo/logo-lumibib-color.svg
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Lumibib</title>
<link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/lumibib/assets@latest/favicon/favicon.ico" type="image/x-icon">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&family=Montserrat:wght@500;700&display=swap" rel="stylesheet" >
<link href="https://cdn.jsdelivr.net/gh/lumibib/assets@latest/css/theme.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/gh/lumibib/assets@latest/css/vendor.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.1/css/all.min.css" rel="stylesheet">
</head>
<body>
<!-- Content -->
<script src="https://cdn.jsdelivr.net/gh/lumibib/assets@latest/js/vendor.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/lumibib/assets@latest/js/theme.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/lumibib/assets@latest/js/theme-initialization.min.js"></script>
</body>
Logo
Color
|
White
|
Square
|
Square grey
|
Square blue
|
Square yellow
|
Square red
|
Favicon
|
Favicon logo
|
Images
Illustrations, graphics and icons are created from theses providers.
- Endpoint : https://cdn.jsdelivr.net/gh/lumibib/assets@master/images/
Colors
#ebebeb |
#ff4f73 |
#ffd009 |
#1274ed |
#002c73 |
#0d1821 |
Thanks to dummyimmage for the square generation.
Avatar
We use two solutions to generate avatar or profile images. Gravatar uses an md5 hash of an email address or a username. ui-avatars requires a full name.
- Gravatar: https://www.gravatar.com/avatar/14c4b06b824ec593239362517f538b29?d=identicon&s=200
- ui-avatars: https://eu.ui-avatars.com/api/?name=John%20Doe
Images optimization
Optimize and resize images effortlessly with Statically.
- Endpoint:
https://cdn.statically.io/img/:domain/h=:pixel,q=:percentage/:image - https://cdn.statically.io/img/lumibib.ch/w=300,h=500/foo.jpg
- https://cdn.statically.io/img/lumibib.ch/f=auto,w=600,h=400/bar.jpg
Contributing
We’re really happy to accept contributions from the community, that’s the main reason why we open-sourced it! There are many ways to contribute, even if you’re not a technical person.
- Fork it (https://github.com/lumibib/assets/fork)
- Create your feature branch (
git checkout -b feature/fooBar) - Commit your changes (
git commit -am 'Add some fooBar') - Push to the branch (
git push origin feature/fooBar) - Create a new Pull Request
License
The trademarks, logos and other static assets (“Marks”) displayed on this repository are the property of Lumibib. You are not permitted to use these Marks without the prior written consent of Lumibib. Our logo is based on Owl by ester barbato from The Noun Project, licensed under CC BY 3.0.