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
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:
<!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/[email protected]/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>
Color
|
White
|
Square
|
Square grey
|
Square blue
|
Square yellow
|
Square red
|
|
Favicon logo
|
Illustrations, graphics and icons are created from theses providers.
#ebebeb |
#ff4f73 |
#ffd009 |
#1274ed |
#002c73 |
#0d1821 |
Thanks to dummyimmage for the square generation.
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
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
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
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.