- initial commit
- initialize repo for better change tracking
This commit is contained in:
parent
84c0ec82d5
commit
b67c46c4a4
Binary file not shown.
|
|
@ -0,0 +1,40 @@
|
|||
const generateCover = require("./lib");
|
||||
var express = require('express');
|
||||
var path = require('path');
|
||||
|
||||
var app = express();
|
||||
|
||||
|
||||
app.use('/assets',express.static(__dirname + '/assets'));
|
||||
app.use('/lib',express.static(__dirname + '/lib'));
|
||||
|
||||
|
||||
app.get("/generate-cover", async (req, res) => {
|
||||
|
||||
const coverStream = await generateCover({
|
||||
title: "BreadnBudder Gaming | HOME",
|
||||
avatarUrl:__dirname + 'assets/img/Logo.Border.FOR.WEB.png',
|
||||
name: "BreadnBudder Gaming"
|
||||
});
|
||||
|
||||
res.statusCode = 200;
|
||||
res.setHeader("Content-Type", "image/png");
|
||||
res.setHeader("Content-Control", "public, max-age=31536000");
|
||||
|
||||
coverStream.pipe(res);
|
||||
});
|
||||
|
||||
//for /index page
|
||||
app.get('/', function(request,response){
|
||||
response.sendFile('index.html',{root:path.join(__dirname,'./')});
|
||||
});
|
||||
|
||||
app.get('/index.html', function(request,response){
|
||||
response.sendFile('index.html',{root:path.join(__dirname,'./')});
|
||||
});
|
||||
|
||||
app.listen(3000,function(){
|
||||
console.log('Listening at port 3000...');
|
||||
});
|
||||
|
||||
module.exports = app;
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 256 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,18 @@
|
|||
.fit-cover {
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
h2 {
|
||||
}
|
||||
|
||||
.w-lg-50 {
|
||||
color: #ce8547;
|
||||
}
|
||||
|
||||
p {
|
||||
color: var(--bs-light);
|
||||
}
|
||||
|
||||
h4 {
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,64 @@
|
|||
.bs-icon {
|
||||
--bs-icon-size: .75rem;
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: var(--bs-icon-size);
|
||||
width: calc(var(--bs-icon-size) * 2);
|
||||
height: calc(var(--bs-icon-size) * 2);
|
||||
color: var(--bs-primary);
|
||||
}
|
||||
|
||||
.bs-icon-xs {
|
||||
--bs-icon-size: 1rem;
|
||||
width: calc(var(--bs-icon-size) * 1.5);
|
||||
height: calc(var(--bs-icon-size) * 1.5);
|
||||
}
|
||||
|
||||
.bs-icon-sm {
|
||||
--bs-icon-size: 1rem;
|
||||
}
|
||||
|
||||
.bs-icon-md {
|
||||
--bs-icon-size: 1.5rem;
|
||||
}
|
||||
|
||||
.bs-icon-lg {
|
||||
--bs-icon-size: 2rem;
|
||||
}
|
||||
|
||||
.bs-icon-xl {
|
||||
--bs-icon-size: 2.5rem;
|
||||
}
|
||||
|
||||
.bs-icon.bs-icon-primary {
|
||||
color: var(--bs-white);
|
||||
background: var(--bs-primary);
|
||||
}
|
||||
|
||||
.bs-icon.bs-icon-primary-light {
|
||||
color: var(--bs-primary);
|
||||
background: rgba(var(--bs-primary-rgb), .2);
|
||||
}
|
||||
|
||||
.bs-icon.bs-icon-semi-white {
|
||||
color: var(--bs-primary);
|
||||
background: rgba(255, 255, 255, .5);
|
||||
}
|
||||
|
||||
.bs-icon.bs-icon-rounded {
|
||||
border-radius: .5rem;
|
||||
}
|
||||
|
||||
.bs-icon.bs-icon-circle {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
a {
|
||||
font-family: 'PixelifySansVariableFont_wght';
|
||||
font-size: 48px;
|
||||
color: #ce8547;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,434 @@
|
|||
.btn {
|
||||
padding: 14px 24px;
|
||||
border: 0 none;
|
||||
font-weight: 700;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.btn:focus, .btn:active:focus, .btn.active:focus {
|
||||
outline: 0 none;
|
||||
}
|
||||
|
||||
.btn-default {
|
||||
border: 2px solid #C4C4C4;
|
||||
color: #737373;
|
||||
padding: 12px 22px;
|
||||
}
|
||||
|
||||
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
|
||||
background: #FFFFFF;
|
||||
border-color: #949494;
|
||||
color: #737373;
|
||||
}
|
||||
|
||||
.btn-default:active, .btn-default.active {
|
||||
border-color: #737373;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: #0099cc;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
|
||||
background: #33a6cc;
|
||||
}
|
||||
|
||||
.btn-primary:active, .btn-primary.active {
|
||||
background: #007299;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-success {
|
||||
background: #00bf6f;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
|
||||
background: #39bf87;
|
||||
}
|
||||
|
||||
.btn-success:active, .btn-success.active {
|
||||
background: #008c52;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-info {
|
||||
background: #31cde8;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
|
||||
background: #5fd4e8;
|
||||
}
|
||||
|
||||
.btn-info:active, .btn-info.active {
|
||||
background: #35a2b5;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-warning {
|
||||
background: #eb8f34;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
|
||||
background: #eba259;
|
||||
}
|
||||
|
||||
.btn-warning:active, .btn-warning.active {
|
||||
background: #b87430;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
background: #f25454;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
|
||||
background: #f26d6d;
|
||||
}
|
||||
|
||||
.btn-danger:active, .btn-danger.active {
|
||||
background: #bf4343;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn.sharp {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.btn.outline {
|
||||
background: none;
|
||||
padding: 12px 22px;
|
||||
}
|
||||
|
||||
.btn-primary.outline {
|
||||
border: 2px solid #0099cc;
|
||||
color: #0099cc;
|
||||
}
|
||||
|
||||
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
|
||||
color: #33a6cc;
|
||||
border-color: #33a6cc;
|
||||
}
|
||||
|
||||
.btn-primary.outline:active, .btn-primary.outline.active {
|
||||
border-color: #007299;
|
||||
color: #007299;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-success.outline {
|
||||
border: 2px solid #00bf6f;
|
||||
color: #00bf6f;
|
||||
}
|
||||
|
||||
.btn-success.outline:hover, .btn-success.outline:focus, .btn-success.outline:active, .btn-success.outline.active, .open > .dropdown-toggle.btn-success {
|
||||
border-color: #39bf87;
|
||||
color: #39bf87;
|
||||
}
|
||||
|
||||
.btn-success.outline:active, .btn-success.outline.active {
|
||||
border-color: #008c52;
|
||||
color: #008c52;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-info.outline {
|
||||
border: 2px solid #31cde8;
|
||||
color: #31cde8;
|
||||
}
|
||||
|
||||
.btn-info.outline:hover, .btn-info.outline:focus, .btn-info.outline:active, .btn-info.outline.active, .open > .dropdown-toggle.btn-info {
|
||||
border-color: #5fd4e8;
|
||||
color: #5fd4e8;
|
||||
}
|
||||
|
||||
.btn-info.outline:active, .btn-info.outline.active {
|
||||
border-color: #35a2b5;
|
||||
color: #35a2b5;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-warning.outline {
|
||||
border: 2px solid #eb8f34;
|
||||
color: #eb8f34;
|
||||
}
|
||||
|
||||
.btn-warning.outline:hover, .btn-warning.outline:focus, .btn-warning.outline:active, .btn-warning.outline.active, .open > .dropdown-toggle.btn-warning {
|
||||
border-color: #eba259;
|
||||
color: #eba259;
|
||||
}
|
||||
|
||||
.btn-warning.outline:active, .btn-warning.outline.active {
|
||||
border-color: #b87430;
|
||||
color: #b87430;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-danger.outline {
|
||||
border: 2px solid #f25454;
|
||||
color: #f25454;
|
||||
}
|
||||
|
||||
.btn-danger.outline:hover, .btn-danger.outline:focus, .btn-danger.outline:active, .btn-danger.outline.active, .open > .dropdown-toggle.btn-danger {
|
||||
border-color: #f26d6d;
|
||||
color: #f26d6d;
|
||||
}
|
||||
|
||||
.btn-danger.outline:active, .btn-danger.outline.active {
|
||||
border-color: #bf4343;
|
||||
color: #bf4343;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-primary.gradient {
|
||||
background: -moz-linear-gradient(top, #33a6cc 50%, #0099cc 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#33a6cc), color-stop(50%,#0099cc));
|
||||
background: -webkit-linear-gradient(top, #33a6cc 50%,#0099cc 50%);
|
||||
background: -o-linear-gradient(top, #33a6cc 50%,#0099cc 50%);
|
||||
background: -ms-linear-gradient(top, #33a6cc 50%,#0099cc 50%);
|
||||
background: linear-gradient(to bottom, #33a6cc 50%,#0099cc 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a6cc', endColorstr='#0099cc',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-primary.gradient:hover, .btn-primary.gradient:focus, .btn-primary.gradient:active, .btn-primary.gradient.active, .open > .dropdown-toggle.btn-primary {
|
||||
background: -moz-linear-gradient(top, #66b2cc 50%, #33a6cc 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#66b2cc), color-stop(50%,#33a6cc));
|
||||
background: -webkit-linear-gradient(top, #66b2cc 50%,#33a6cc 50%);
|
||||
background: -o-linear-gradient(top, #66b2cc 50%,#33a6cc 50%);
|
||||
background: -ms-linear-gradient(top, #66b2cc 50%,#33a6cc 50%);
|
||||
background: linear-gradient(to bottom, #66b2cc 50%,#33a6cc 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b2cc', endColorstr='#33a6cc',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-primary.gradient:active, .btn-primary.gradient.active {
|
||||
background: -moz-linear-gradient(top, #267c99 50%, #007299 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#267c99), color-stop(50%,#007299));
|
||||
background: -webkit-linear-gradient(top, #267c99 50%,#007299 50%);
|
||||
background: -o-linear-gradient(top, #267c99 50%,#007299 50%);
|
||||
background: -ms-linear-gradient(top, #267c99 50%,#007299 50%);
|
||||
background: linear-gradient(to bottom, #267c99 50%,#007299 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#267c99', endColorstr='#007299',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-success.gradient {
|
||||
background: -moz-linear-gradient(top, #39bf87 50%, #00bf6f 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#39bf87), color-stop(50%,#00bf6f));
|
||||
background: -webkit-linear-gradient(top, #39bf87 50%,#00bf6f 50%);
|
||||
background: -o-linear-gradient(top, #39bf87 50%,#00bf6f 50%);
|
||||
background: -ms-linear-gradient(top, #39bf87 50%,#00bf6f 50%);
|
||||
background: linear-gradient(to bottom, #39bf87 50%,#00bf6f 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39bf87', endColorstr='#00bf6f',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-success.gradient:hover, .btn-success.gradient:focus, .btn-success.gradient:active, .btn-success.gradient.active, .open > .dropdown-toggle.btn-success {
|
||||
background: -moz-linear-gradient(top, #73bf9f 50%, #39bf87 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#73bf9f), color-stop(50%,#39bf87));
|
||||
background: -webkit-linear-gradient(top, #73bf9f 50%,#39bf87 50%);
|
||||
background: -o-linear-gradient(top, #73bf9f 50%,#39bf87 50%);
|
||||
background: -ms-linear-gradient(top, #73bf9f 50%,#39bf87 50%);
|
||||
background: linear-gradient(to bottom, #73bf9f 50%,#39bf87 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73bf9f', endColorstr='#39bf87',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-success.gradient:active, .btn-success.gradient.active {
|
||||
background: -moz-linear-gradient(top, #2a8c63 50%, #008c52 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#2a8c63), color-stop(50%,#008c52));
|
||||
background: -webkit-linear-gradient(top, #2a8c63 50%,#008c52 50%);
|
||||
background: -o-linear-gradient(top, #2a8c63 50%,#008c52 50%);
|
||||
background: -ms-linear-gradient(top, #2a8c63 50%,#008c52 50%);
|
||||
background: linear-gradient(to bottom, #2a8c63 50%,#008c52 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a8c63', endColorstr='#008c52',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-info.gradient {
|
||||
background: -moz-linear-gradient(top, #5fd4e8 50%, #31cde8 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#5fd4e8), color-stop(50%,#31cde8));
|
||||
background: -webkit-linear-gradient(top, #5fd4e8 50%,#31cde8 50%);
|
||||
background: -o-linear-gradient(top, #5fd4e8 50%,#31cde8 50%);
|
||||
background: -ms-linear-gradient(top, #5fd4e8 50%,#31cde8 50%);
|
||||
background: linear-gradient(to bottom, #5fd4e8 50%,#31cde8 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fd4e8', endColorstr='#31cde8',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-info.gradient:hover, .btn-info.gradient:focus, .btn-info.gradient:active, .btn-info.gradient.active, .open > .dropdown-toggle.btn-info {
|
||||
background: -moz-linear-gradient(top, #8edae8 50%, #5fd4e8 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#8edae8), color-stop(50%,#5fd4e8));
|
||||
background: -webkit-linear-gradient(top, #8edae8 50%,#5fd4e8 50%);
|
||||
background: -o-linear-gradient(top, #8edae8 50%,#5fd4e8 50%);
|
||||
background: -ms-linear-gradient(top, #8edae8 50%,#5fd4e8 50%);
|
||||
background: linear-gradient(to bottom, #8edae8 50%,#5fd4e8 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8edae8', endColorstr='#5fd4e8',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-info.gradient:active, .btn-info.gradient.active {
|
||||
background: -moz-linear-gradient(top, #6baab5 50%, #35a2b5 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#6baab5), color-stop(50%,#35a2b5));
|
||||
background: -webkit-linear-gradient(top, #6baab5 50%,#35a2b5 50%);
|
||||
background: -o-linear-gradient(top, #6baab5 50%,#35a2b5 50%);
|
||||
background: -ms-linear-gradient(top, #6baab5 50%,#35a2b5 50%);
|
||||
background: linear-gradient(to bottom, #6baab5 50%,#35a2b5 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6baab5', endColorstr='#35a2b5',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-warning.gradient {
|
||||
background: -moz-linear-gradient(top, #eba259 50%, #eb8f34 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#eba259), color-stop(50%,#eb8f34));
|
||||
background: -webkit-linear-gradient(top, #eba259 50%,#eb8f34 50%);
|
||||
background: -o-linear-gradient(top, #eba259 50%,#eb8f34 50%);
|
||||
background: -ms-linear-gradient(top, #eba259 50%,#eb8f34 50%);
|
||||
background: linear-gradient(to bottom, #eba259 50%,#eb8f34 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eba259', endColorstr='#eb8f34',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-warning.gradient:hover, .btn-warning.gradient:focus, .btn-warning.gradient:active, .btn-warning.gradient.active, .open > .dropdown-toggle.btn-warning {
|
||||
background: -moz-linear-gradient(top, #ebb57f 50%, #eba259 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ebb57f), color-stop(50%,#eba259));
|
||||
background: -webkit-linear-gradient(top, #ebb57f 50%,#eba259 50%);
|
||||
background: -o-linear-gradient(top, #ebb57f 50%,#eba259 50%);
|
||||
background: -ms-linear-gradient(top, #ebb57f 50%,#eba259 50%);
|
||||
background: linear-gradient(to bottom, #ebb57f 50%,#eba259 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebb57f', endColorstr='#eba259',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-warning.gradient:active, .btn-warning.gradient.active {
|
||||
background: -moz-linear-gradient(top, #b8824d 50%, #b87430 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#b8824d), color-stop(50%,#b87430));
|
||||
background: -webkit-linear-gradient(top, #b8824d 50%,#b87430 50%);
|
||||
background: -o-linear-gradient(top, #b8824d 50%,#b87430 50%);
|
||||
background: -ms-linear-gradient(top, #b8824d 50%,#b87430 50%);
|
||||
background: linear-gradient(to bottom, #b8824d 50%,#b87430 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8824d', endColorstr='#b87430',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-danger.gradient {
|
||||
background: -moz-linear-gradient(top, #f26d6d 50%, #f25454 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f26d6d), color-stop(50%,#f25454));
|
||||
background: -webkit-linear-gradient(top, #f26d6d 50%,#f25454 50%);
|
||||
background: -o-linear-gradient(top, #f26d6d 50%,#f25454 50%);
|
||||
background: -ms-linear-gradient(top, #f26d6d 50%,#f25454 50%);
|
||||
background: linear-gradient(to bottom, #f26d6d 50%,#f25454 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26d6d', endColorstr='#f25454',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-danger.gradient:hover, .btn-danger.gradient:focus, .btn-danger.gradient:active, .btn-danger.gradient.active, .open > .dropdown-toggle.btn-danger {
|
||||
background: -moz-linear-gradient(top, #f28585 50%, #f26d6d 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f28585), color-stop(50%,#f26d6d));
|
||||
background: -webkit-linear-gradient(top, #f28585 50%,#f26d6d 50%);
|
||||
background: -o-linear-gradient(top, #f28585 50%,#f26d6d 50%);
|
||||
background: -ms-linear-gradient(top, #f28585 50%,#f26d6d 50%);
|
||||
background: linear-gradient(to bottom, #f28585 50%,#f26d6d 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28585', endColorstr='#f26d6d',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-danger.gradient:active, .btn-danger.gradient.active {
|
||||
background: -moz-linear-gradient(top, #bf5656 50%, #bf4343 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#bf5656), color-stop(50%,#bf4343));
|
||||
background: -webkit-linear-gradient(top, #bf5656 50%,#bf4343 50%);
|
||||
background: -o-linear-gradient(top, #bf5656 50%,#bf4343 50%);
|
||||
background: -ms-linear-gradient(top, #bf5656 50%,#bf4343 50%);
|
||||
background: linear-gradient(to bottom, #bf5656 50%,#bf4343 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf5656', endColorstr='#bf4343',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn.round {
|
||||
border-radius: 24px;
|
||||
}
|
||||
|
||||
.btn-lg.round {
|
||||
border-radius: 32px;
|
||||
}
|
||||
|
||||
.btn-sm.round {
|
||||
border-radius: 14px;
|
||||
}
|
||||
|
||||
.btn-xs.round {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.btn-primary.raised {
|
||||
box-shadow: 0 3px 0 0 #007299;
|
||||
}
|
||||
|
||||
.btn-primary.raised:active, .btn-primary.raised.active {
|
||||
background: #33a6cc;
|
||||
box-shadow: none;
|
||||
margin-bottom: -3px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.btn-success.raised {
|
||||
box-shadow: 0 3px 0 0 #008c52;
|
||||
}
|
||||
|
||||
.btn-success.raised:active, .btn-success.raised.active {
|
||||
background: #39bf87;
|
||||
box-shadow: none;
|
||||
margin-bottom: -3px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.btn-info.raised {
|
||||
box-shadow: 0 3px 0 0 #35a2b5;
|
||||
}
|
||||
|
||||
.btn-info.raised:active, .btn-info.raised.active {
|
||||
background: #5fd4e8;
|
||||
box-shadow: none;
|
||||
margin-bottom: -3px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.btn-warning.raised {
|
||||
box-shadow: 0 3px 0 0 #b87430;
|
||||
}
|
||||
|
||||
.btn-warning.raised:active, .btn-warning.raised.active {
|
||||
background: #eba259;
|
||||
box-shadow: none;
|
||||
margin-bottom: -3px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.btn-danger.raised {
|
||||
box-shadow: 0 3px 0 0 #bf4343;
|
||||
}
|
||||
|
||||
.btn-danger.raised:active, .btn-danger.raised.active {
|
||||
background: #f26d6d;
|
||||
box-shadow: none;
|
||||
margin-bottom: -3px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.btn-xs, .btn-group-xs > .btn {
|
||||
padding: 2px 6px;
|
||||
}
|
||||
|
||||
.btn-sm, .btn-group-sm > .btn {
|
||||
padding: 8px 12px;
|
||||
}
|
||||
|
||||
.btn-lg {
|
||||
padding: 20px 40px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.btn-xs.btn-default, .btn-xs.outline {
|
||||
padding: 0px 4px;
|
||||
}
|
||||
|
||||
.btn-sm.btn-default, .btn-sm.outline {
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
.btn-lg.btn-default, .btn-lg.outline {
|
||||
padding: 18px 38px;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,64 @@
|
|||
body {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
a:active, a:hover {
|
||||
outline: 0 none;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5 {
|
||||
color: #444444;
|
||||
font-family: "Roboto",sans-serif;
|
||||
font-weight: 100;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 90px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 24px;
|
||||
font-weight: 100;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: 30px 0 15px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
background: url(../../assets/img/bouton-logo.jpg);
|
||||
height: 140px;
|
||||
margin: 60px auto 30px;
|
||||
width: 140px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.logo .inner {
|
||||
background: #ffffff;
|
||||
height: 100px;
|
||||
margin: 20px;
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.separator {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.credits {
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 30px;
|
||||
font-size: 18px;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
.credits .separator {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,762 @@
|
|||
a {
|
||||
background: 0 0;
|
||||
}
|
||||
|
||||
a:active, a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: .67em 0;
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
button, input, optgroup, select, textarea {
|
||||
margin: 0;
|
||||
font: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
button {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
button, select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
button, html input[type=button], input[type=reset], input[type=submit] {
|
||||
-webkit-appearance: button;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
input, button, select, textarea {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #428bca;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover, a:focus {
|
||||
color: #2a6496;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:focus {
|
||||
outline: thin dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
|
||||
display: block;
|
||||
width: 100% \9;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
h1, .h1 {
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
h3, .h3 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.container {
|
||||
width: 750px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:992px) {
|
||||
.container {
|
||||
width: 970px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:1200px) {
|
||||
.container {
|
||||
width: 1170px;
|
||||
}
|
||||
}
|
||||
|
||||
.row {
|
||||
margin-right: -15px;
|
||||
margin-left: -15px;
|
||||
}
|
||||
|
||||
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.col-xs-12 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 6px 12px;
|
||||
margin-bottom: 0;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 1.42857143;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
background-image: none;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.btn:focus, .btn:active:focus, .btn.active:focus {
|
||||
outline: thin dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
.btn:hover, .btn:focus {
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.btn:active, .btn.active {
|
||||
background-image: none;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
|
||||
box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
|
||||
}
|
||||
|
||||
.btn-default {
|
||||
color: #333;
|
||||
background-color: #fff;
|
||||
border-color: #ccc;
|
||||
}
|
||||
|
||||
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
|
||||
color: #333;
|
||||
background-color: #e6e6e6;
|
||||
border-color: #adadad;
|
||||
}
|
||||
|
||||
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
color: #fff;
|
||||
background-color: #428bca;
|
||||
border-color: #357ebd;
|
||||
}
|
||||
|
||||
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
|
||||
color: #fff;
|
||||
background-color: #3071a9;
|
||||
border-color: #285e8e;
|
||||
}
|
||||
|
||||
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.btn-success {
|
||||
color: #fff;
|
||||
background-color: #5cb85c;
|
||||
border-color: #4cae4c;
|
||||
}
|
||||
|
||||
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
|
||||
color: #fff;
|
||||
background-color: #449d44;
|
||||
border-color: #398439;
|
||||
}
|
||||
|
||||
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.btn-info {
|
||||
color: #fff;
|
||||
background-color: #5bc0de;
|
||||
border-color: #46b8da;
|
||||
}
|
||||
|
||||
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
|
||||
color: #fff;
|
||||
background-color: #31b0d5;
|
||||
border-color: #269abc;
|
||||
}
|
||||
|
||||
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.btn-warning {
|
||||
color: #fff;
|
||||
background-color: #f0ad4e;
|
||||
border-color: #eea236;
|
||||
}
|
||||
|
||||
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
|
||||
color: #fff;
|
||||
background-color: #ec971f;
|
||||
border-color: #d58512;
|
||||
}
|
||||
|
||||
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
color: #fff;
|
||||
background-color: #d9534f;
|
||||
border-color: #d43f3a;
|
||||
}
|
||||
|
||||
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
|
||||
color: #fff;
|
||||
background-color: #c9302c;
|
||||
border-color: #ac2925;
|
||||
}
|
||||
|
||||
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.btn-lg, .btn-group-lg > .btn {
|
||||
padding: 10px 16px;
|
||||
font-size: 18px;
|
||||
line-height: 1.33;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.btn-sm, .btn-group-sm > .btn {
|
||||
padding: 5px 10px;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.btn-xs, .btn-group-xs > .btn {
|
||||
padding: 1px 5px;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
|
||||
display: table;
|
||||
content: " ";
|
||||
}
|
||||
|
||||
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: 14px 24px;
|
||||
border: 0 none;
|
||||
font-weight: 700;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.btn:focus, .btn:active:focus, .btn.active:focus {
|
||||
outline: 0 none;
|
||||
}
|
||||
|
||||
.btn-default {
|
||||
border: 2px solid #C4C4C4;
|
||||
color: #737373;
|
||||
padding: 12px 22px;
|
||||
}
|
||||
|
||||
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
|
||||
background: #FFFFFF;
|
||||
border-color: #949494;
|
||||
color: #737373;
|
||||
}
|
||||
|
||||
.btn-default:active, .btn-default.active {
|
||||
border-color: #737373;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: #0099cc;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
|
||||
background: #33a6cc;
|
||||
}
|
||||
|
||||
.btn-primary:active, .btn-primary.active {
|
||||
background: #007299;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-success {
|
||||
background: #00bf6f;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
|
||||
background: #39bf87;
|
||||
}
|
||||
|
||||
.btn-success:active, .btn-success.active {
|
||||
background: #008c52;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-info {
|
||||
background: #31cde8;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
|
||||
background: #5fd4e8;
|
||||
}
|
||||
|
||||
.btn-info:active, .btn-info.active {
|
||||
background: #35a2b5;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-warning {
|
||||
background: #eb8f34;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
|
||||
background: #eba259;
|
||||
}
|
||||
|
||||
.btn-warning:active, .btn-warning.active {
|
||||
background: #b87430;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
background: #f25454;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
|
||||
background: #f26d6d;
|
||||
}
|
||||
|
||||
.btn-danger:active, .btn-danger.active {
|
||||
background: #bf4343;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn.sharp {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.btn.outline {
|
||||
background: none;
|
||||
padding: 12px 22px;
|
||||
}
|
||||
|
||||
.btn-primary.outline {
|
||||
border: 2px solid #0099cc;
|
||||
color: #0099cc;
|
||||
}
|
||||
|
||||
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
|
||||
color: #33a6cc;
|
||||
border-color: #33a6cc;
|
||||
}
|
||||
|
||||
.btn-primary.outline:active, .btn-primary.outline.active {
|
||||
border-color: #007299;
|
||||
color: #007299;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-success.outline {
|
||||
border: 2px solid #00bf6f;
|
||||
color: #00bf6f;
|
||||
}
|
||||
|
||||
.btn-success.outline:hover, .btn-success.outline:focus, .btn-success.outline:active, .btn-success.outline.active, .open > .dropdown-toggle.btn-success {
|
||||
border-color: #39bf87;
|
||||
color: #39bf87;
|
||||
}
|
||||
|
||||
.btn-success.outline:active, .btn-success.outline.active {
|
||||
border-color: #008c52;
|
||||
color: #008c52;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-info.outline {
|
||||
border: 2px solid #31cde8;
|
||||
color: #31cde8;
|
||||
}
|
||||
|
||||
.btn-info.outline:hover, .btn-info.outline:focus, .btn-info.outline:active, .btn-info.outline.active, .open > .dropdown-toggle.btn-info {
|
||||
border-color: #5fd4e8;
|
||||
color: #5fd4e8;
|
||||
}
|
||||
|
||||
.btn-info.outline:active, .btn-info.outline.active {
|
||||
border-color: #35a2b5;
|
||||
color: #35a2b5;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-warning.outline {
|
||||
border: 2px solid #eb8f34;
|
||||
color: #eb8f34;
|
||||
}
|
||||
|
||||
.btn-warning.outline:hover, .btn-warning.outline:focus, .btn-warning.outline:active, .btn-warning.outline.active, .open > .dropdown-toggle.btn-warning {
|
||||
border-color: #eba259;
|
||||
color: #eba259;
|
||||
}
|
||||
|
||||
.btn-warning.outline:active, .btn-warning.outline.active {
|
||||
border-color: #b87430;
|
||||
color: #b87430;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-danger.outline {
|
||||
border: 2px solid #f25454;
|
||||
color: #f25454;
|
||||
}
|
||||
|
||||
.btn-danger.outline:hover, .btn-danger.outline:focus, .btn-danger.outline:active, .btn-danger.outline.active, .open > .dropdown-toggle.btn-danger {
|
||||
border-color: #f26d6d;
|
||||
color: #f26d6d;
|
||||
}
|
||||
|
||||
.btn-danger.outline:active, .btn-danger.outline.active {
|
||||
border-color: #bf4343;
|
||||
color: #bf4343;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-primary.gradient {
|
||||
background: -moz-linear-gradient(top, #33a6cc 50%, #0099cc 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#33a6cc), color-stop(50%,#0099cc));
|
||||
background: -webkit-linear-gradient(top, #33a6cc 50%,#0099cc 50%);
|
||||
background: -o-linear-gradient(top, #33a6cc 50%,#0099cc 50%);
|
||||
background: -ms-linear-gradient(top, #33a6cc 50%,#0099cc 50%);
|
||||
background: linear-gradient(to bottom, #33a6cc 50%,#0099cc 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a6cc', endColorstr='#0099cc',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-primary.gradient:hover, .btn-primary.gradient:focus, .btn-primary.gradient:active, .btn-primary.gradient.active, .open > .dropdown-toggle.btn-primary {
|
||||
background: -moz-linear-gradient(top, #66b2cc 50%, #33a6cc 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#66b2cc), color-stop(50%,#33a6cc));
|
||||
background: -webkit-linear-gradient(top, #66b2cc 50%,#33a6cc 50%);
|
||||
background: -o-linear-gradient(top, #66b2cc 50%,#33a6cc 50%);
|
||||
background: -ms-linear-gradient(top, #66b2cc 50%,#33a6cc 50%);
|
||||
background: linear-gradient(to bottom, #66b2cc 50%,#33a6cc 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b2cc', endColorstr='#33a6cc',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-primary.gradient:active, .btn-primary.gradient.active {
|
||||
background: -moz-linear-gradient(top, #267c99 50%, #007299 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#267c99), color-stop(50%,#007299));
|
||||
background: -webkit-linear-gradient(top, #267c99 50%,#007299 50%);
|
||||
background: -o-linear-gradient(top, #267c99 50%,#007299 50%);
|
||||
background: -ms-linear-gradient(top, #267c99 50%,#007299 50%);
|
||||
background: linear-gradient(to bottom, #267c99 50%,#007299 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#267c99', endColorstr='#007299',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-success.gradient {
|
||||
background: -moz-linear-gradient(top, #39bf87 50%, #00bf6f 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#39bf87), color-stop(50%,#00bf6f));
|
||||
background: -webkit-linear-gradient(top, #39bf87 50%,#00bf6f 50%);
|
||||
background: -o-linear-gradient(top, #39bf87 50%,#00bf6f 50%);
|
||||
background: -ms-linear-gradient(top, #39bf87 50%,#00bf6f 50%);
|
||||
background: linear-gradient(to bottom, #39bf87 50%,#00bf6f 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39bf87', endColorstr='#00bf6f',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-success.gradient:hover, .btn-success.gradient:focus, .btn-success.gradient:active, .btn-success.gradient.active, .open > .dropdown-toggle.btn-success {
|
||||
background: -moz-linear-gradient(top, #73bf9f 50%, #39bf87 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#73bf9f), color-stop(50%,#39bf87));
|
||||
background: -webkit-linear-gradient(top, #73bf9f 50%,#39bf87 50%);
|
||||
background: -o-linear-gradient(top, #73bf9f 50%,#39bf87 50%);
|
||||
background: -ms-linear-gradient(top, #73bf9f 50%,#39bf87 50%);
|
||||
background: linear-gradient(to bottom, #73bf9f 50%,#39bf87 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73bf9f', endColorstr='#39bf87',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-success.gradient:active, .btn-success.gradient.active {
|
||||
background: -moz-linear-gradient(top, #2a8c63 50%, #008c52 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#2a8c63), color-stop(50%,#008c52));
|
||||
background: -webkit-linear-gradient(top, #2a8c63 50%,#008c52 50%);
|
||||
background: -o-linear-gradient(top, #2a8c63 50%,#008c52 50%);
|
||||
background: -ms-linear-gradient(top, #2a8c63 50%,#008c52 50%);
|
||||
background: linear-gradient(to bottom, #2a8c63 50%,#008c52 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a8c63', endColorstr='#008c52',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-info.gradient {
|
||||
background: -moz-linear-gradient(top, #5fd4e8 50%, #31cde8 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#5fd4e8), color-stop(50%,#31cde8));
|
||||
background: -webkit-linear-gradient(top, #5fd4e8 50%,#31cde8 50%);
|
||||
background: -o-linear-gradient(top, #5fd4e8 50%,#31cde8 50%);
|
||||
background: -ms-linear-gradient(top, #5fd4e8 50%,#31cde8 50%);
|
||||
background: linear-gradient(to bottom, #5fd4e8 50%,#31cde8 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fd4e8', endColorstr='#31cde8',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-info.gradient:hover, .btn-info.gradient:focus, .btn-info.gradient:active, .btn-info.gradient.active, .open > .dropdown-toggle.btn-info {
|
||||
background: -moz-linear-gradient(top, #8edae8 50%, #5fd4e8 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#8edae8), color-stop(50%,#5fd4e8));
|
||||
background: -webkit-linear-gradient(top, #8edae8 50%,#5fd4e8 50%);
|
||||
background: -o-linear-gradient(top, #8edae8 50%,#5fd4e8 50%);
|
||||
background: -ms-linear-gradient(top, #8edae8 50%,#5fd4e8 50%);
|
||||
background: linear-gradient(to bottom, #8edae8 50%,#5fd4e8 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8edae8', endColorstr='#5fd4e8',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-info.gradient:active, .btn-info.gradient.active {
|
||||
background: -moz-linear-gradient(top, #6baab5 50%, #35a2b5 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#6baab5), color-stop(50%,#35a2b5));
|
||||
background: -webkit-linear-gradient(top, #6baab5 50%,#35a2b5 50%);
|
||||
background: -o-linear-gradient(top, #6baab5 50%,#35a2b5 50%);
|
||||
background: -ms-linear-gradient(top, #6baab5 50%,#35a2b5 50%);
|
||||
background: linear-gradient(to bottom, #6baab5 50%,#35a2b5 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6baab5', endColorstr='#35a2b5',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-warning.gradient {
|
||||
background: -moz-linear-gradient(top, #eba259 50%, #eb8f34 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#eba259), color-stop(50%,#eb8f34));
|
||||
background: -webkit-linear-gradient(top, #eba259 50%,#eb8f34 50%);
|
||||
background: -o-linear-gradient(top, #eba259 50%,#eb8f34 50%);
|
||||
background: -ms-linear-gradient(top, #eba259 50%,#eb8f34 50%);
|
||||
background: linear-gradient(to bottom, #eba259 50%,#eb8f34 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eba259', endColorstr='#eb8f34',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-warning.gradient:hover, .btn-warning.gradient:focus, .btn-warning.gradient:active, .btn-warning.gradient.active, .open > .dropdown-toggle.btn-warning {
|
||||
background: -moz-linear-gradient(top, #ebb57f 50%, #eba259 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ebb57f), color-stop(50%,#eba259));
|
||||
background: -webkit-linear-gradient(top, #ebb57f 50%,#eba259 50%);
|
||||
background: -o-linear-gradient(top, #ebb57f 50%,#eba259 50%);
|
||||
background: -ms-linear-gradient(top, #ebb57f 50%,#eba259 50%);
|
||||
background: linear-gradient(to bottom, #ebb57f 50%,#eba259 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebb57f', endColorstr='#eba259',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-warning.gradient:active, .btn-warning.gradient.active {
|
||||
background: -moz-linear-gradient(top, #b8824d 50%, #b87430 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#b8824d), color-stop(50%,#b87430));
|
||||
background: -webkit-linear-gradient(top, #b8824d 50%,#b87430 50%);
|
||||
background: -o-linear-gradient(top, #b8824d 50%,#b87430 50%);
|
||||
background: -ms-linear-gradient(top, #b8824d 50%,#b87430 50%);
|
||||
background: linear-gradient(to bottom, #b8824d 50%,#b87430 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8824d', endColorstr='#b87430',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-danger.gradient {
|
||||
background: -moz-linear-gradient(top, #f26d6d 50%, #f25454 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f26d6d), color-stop(50%,#f25454));
|
||||
background: -webkit-linear-gradient(top, #f26d6d 50%,#f25454 50%);
|
||||
background: -o-linear-gradient(top, #f26d6d 50%,#f25454 50%);
|
||||
background: -ms-linear-gradient(top, #f26d6d 50%,#f25454 50%);
|
||||
background: linear-gradient(to bottom, #f26d6d 50%,#f25454 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26d6d', endColorstr='#f25454',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-danger.gradient:hover, .btn-danger.gradient:focus, .btn-danger.gradient:active, .btn-danger.gradient.active, .open > .dropdown-toggle.btn-danger {
|
||||
background: -moz-linear-gradient(top, #f28585 50%, #f26d6d 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f28585), color-stop(50%,#f26d6d));
|
||||
background: -webkit-linear-gradient(top, #f28585 50%,#f26d6d 50%);
|
||||
background: -o-linear-gradient(top, #f28585 50%,#f26d6d 50%);
|
||||
background: -ms-linear-gradient(top, #f28585 50%,#f26d6d 50%);
|
||||
background: linear-gradient(to bottom, #f28585 50%,#f26d6d 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28585', endColorstr='#f26d6d',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn-danger.gradient:active, .btn-danger.gradient.active {
|
||||
background: -moz-linear-gradient(top, #bf5656 50%, #bf4343 50%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#bf5656), color-stop(50%,#bf4343));
|
||||
background: -webkit-linear-gradient(top, #bf5656 50%,#bf4343 50%);
|
||||
background: -o-linear-gradient(top, #bf5656 50%,#bf4343 50%);
|
||||
background: -ms-linear-gradient(top, #bf5656 50%,#bf4343 50%);
|
||||
background: linear-gradient(to bottom, #bf5656 50%,#bf4343 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf5656', endColorstr='#bf4343',GradientType=0 );
|
||||
}
|
||||
|
||||
.btn.round {
|
||||
border-radius: 24px;
|
||||
}
|
||||
|
||||
.btn-primary.raised {
|
||||
box-shadow: 0 3px 0 0 #007299;
|
||||
}
|
||||
|
||||
.btn-primary.raised:active, .btn-primary.raised.active {
|
||||
background: #33a6cc;
|
||||
box-shadow: none;
|
||||
margin-bottom: -3px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.btn-success.raised {
|
||||
box-shadow: 0 3px 0 0 #008c52;
|
||||
}
|
||||
|
||||
.btn-success.raised:active, .btn-success.raised.active {
|
||||
background: #39bf87;
|
||||
box-shadow: none;
|
||||
margin-bottom: -3px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.btn-info.raised {
|
||||
box-shadow: 0 3px 0 0 #35a2b5;
|
||||
}
|
||||
|
||||
.btn-info.raised:active, .btn-info.raised.active {
|
||||
background: #5fd4e8;
|
||||
box-shadow: none;
|
||||
margin-bottom: -3px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.btn-warning.raised {
|
||||
box-shadow: 0 3px 0 0 #b87430;
|
||||
}
|
||||
|
||||
.btn-warning.raised:active, .btn-warning.raised.active {
|
||||
background: #eba259;
|
||||
box-shadow: none;
|
||||
margin-bottom: -3px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.btn-danger.raised {
|
||||
box-shadow: 0 3px 0 0 #bf4343;
|
||||
}
|
||||
|
||||
.btn-danger.raised:active, .btn-danger.raised.active {
|
||||
background: #f26d6d;
|
||||
box-shadow: none;
|
||||
margin-bottom: -3px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.btn-xs, .btn-group-xs > .btn {
|
||||
padding: 2px 6px;
|
||||
}
|
||||
|
||||
.btn-sm, .btn-group-sm > .btn {
|
||||
padding: 8px 12px;
|
||||
}
|
||||
|
||||
.btn-lg {
|
||||
padding: 20px 40px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.btn-xs.btn-default, .btn-xs.outline {
|
||||
padding: 0px 4px;
|
||||
}
|
||||
|
||||
.btn-sm.btn-default, .btn-sm.outline {
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
.btn-lg.btn-default, .btn-lg.outline {
|
||||
padding: 18px 38px;
|
||||
}
|
||||
|
||||
a:active, a:hover {
|
||||
outline: 0 none;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 90px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: 30px 0 15px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
background: url(../../assets/img/bouton-logo.jpg);
|
||||
height: 140px;
|
||||
margin: 60px auto 30px;
|
||||
width: 140px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.logo .inner {
|
||||
background: #ffffff;
|
||||
height: 100px;
|
||||
margin: 20px;
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.separator {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.credits {
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 30px;
|
||||
font-size: 18px;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
@font-face {
|
||||
font-family: 'PixelifySansVariableFont_wght';
|
||||
src: url(../../assets/fonts/PixelifySansVariableFont_wght-31427c230b911668737f202faeb78415.eot) format('embedded-opentype'),
|
||||
url(../../assets/fonts/PixelifySansVariableFont_wght-31427c230b911668737f202faeb78415.eot) format('embedded-opentype'),
|
||||
url(../../assets/fonts/PixelifySansVariableFont_wght-45e28d190c4315bfdbc1e1dbd63e94e7.woff2) format('woff2'),
|
||||
url(../../assets/fonts/PixelifySansVariableFont_wght-d93f7b17b7416aacf7cef04841b0fb18.woff) format('woff'),
|
||||
url(../../assets/fonts/PixelifySansVariableFont_wght-d6894091eed487f2e80e4434b359d3a9.ttf) format('truetype'),
|
||||
url(../../assets/fonts/PixelifySansVariableFont_wght-13a11848a0b0bc19fd225da7372e8e99.svg) format('svg');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: auto;
|
||||
}
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
.clean-block.dark {
|
||||
background-color: #222425;
|
||||
}
|
||||
|
||||
.clean-block {
|
||||
background-color: #222425;
|
||||
}
|
||||
|
||||
.videoWrapper {
|
||||
position: relative;
|
||||
padding-bottom: 56.25%;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.videoWrapper iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
[data-bs-theme=dark] {
|
||||
--bs-warning: #ce8547;
|
||||
--bs-warning-rgb: 206,133,71;
|
||||
--bs-warning-text-emphasis: #E2B691;
|
||||
--bs-warning-bg-subtle: #291B0E;
|
||||
--bs-warning-border-subtle: #7C502B;
|
||||
--bs-body-color: #ffc107;
|
||||
--bs-body-color-rgb: 255,193,7;
|
||||
--bs-secondary-color: rgba(255,193,7,0.75);
|
||||
--bs-secondary-color-rgb: 255,193,7,0.75;
|
||||
--bs-tertiary-color: rgba(255,193,7,0.5);
|
||||
--bs-tertiary-color-rgb: 255,193,7,0.5;
|
||||
--bs-body-bg: #26282a;
|
||||
--bs-body-bg-rgb: 38,40,42;
|
||||
--bs-link-color: #ce8547;
|
||||
--bs-link-color-rgb: 206,133,71;
|
||||
--bs-link-hover-color: #f7ba49;
|
||||
--bs-link-hover-color-rgb: 247,186,73;
|
||||
}
|
||||
|
||||
[data-bs-theme=dark] .btn-warning, .btn-warning[data-bs-theme=dark] {
|
||||
--bs-btn-color: #000000;
|
||||
--bs-btn-bg: #ce8547;
|
||||
--bs-btn-border-color: #ce8547;
|
||||
--bs-btn-hover-color: #000000;
|
||||
--bs-btn-hover-bg: #D59763;
|
||||
--bs-btn-hover-border-color: #D39159;
|
||||
--bs-btn-focus-shadow-rgb: 31,20,11;
|
||||
--bs-btn-active-color: #000000;
|
||||
--bs-btn-active-bg: #D89D6C;
|
||||
--bs-btn-active-border-color: #D39159;
|
||||
--bs-btn-disabled-color: #000000;
|
||||
--bs-btn-disabled-bg: #ce8547;
|
||||
--bs-btn-disabled-border-color: #ce8547;
|
||||
}
|
||||
|
||||
[data-bs-theme=dark] .btn-outline-warning, .btn-outline-warning[data-bs-theme=dark] {
|
||||
--bs-btn-color: #ce8547;
|
||||
--bs-btn-border-color: #ce8547;
|
||||
--bs-btn-focus-shadow-rgb: 206,133,71;
|
||||
--bs-btn-hover-color: #000000;
|
||||
--bs-btn-hover-bg: #ce8547;
|
||||
--bs-btn-hover-border-color: #ce8547;
|
||||
--bs-btn-active-color: #000000;
|
||||
--bs-btn-active-bg: #ce8547;
|
||||
--bs-btn-active-border-color: #ce8547;
|
||||
--bs-btn-disabled-color: #ce8547;
|
||||
--bs-btn-disabled-bg: transparent;
|
||||
--bs-btn-disabled-border-color: #ce8547;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
.list-group-item {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
|
||||
/*color: var(--bs-list-group-color);*/
|
||||
text-decoration: none;
|
||||
background-color: var(--bs-list-group-bg);
|
||||
border: none;
|
||||
}
|
||||
|
||||
html {
|
||||
/*min-height: 100%;*/
|
||||
}
|
||||
|
||||
a {
|
||||
color: #ce8547;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #f7ba49;
|
||||
}
|
||||
|
||||
.glitch {
|
||||
background: url('../../assets/img/glitch/logo.glitch.0.png') center / contain no-repeat, #262626;
|
||||
animation: glitch 3.5s infinite steps(1);
|
||||
}
|
||||
|
||||
@keyframes glitch {
|
||||
0%, 100% {
|
||||
background: url('../../assets/img/glitch/logo.glitch.0.png') center / contain no-repeat, #262626;
|
||||
opacity: 1;
|
||||
}
|
||||
90.5% {
|
||||
background: url('../../assets/img/glitch/logo.glitch.1.png') center / contain no-repeat, #262626;
|
||||
}
|
||||
91.75% {
|
||||
background: url('glitch/logo.glitch.4.png') center / contain no-repeat, #262626;
|
||||
}
|
||||
93.75% {
|
||||
background: url('../../assets/img/glitch/logo.glitch.2.png') center / contain no-repeat, #262626;
|
||||
}
|
||||
95.5% {
|
||||
background: url('glitch/logo.glitch.5.png') center / contain no-repeat, #262626;
|
||||
}
|
||||
97.5% {
|
||||
background: url('../../assets/img/glitch/logo.glitch.3.png') center / contain no-repeat, #262626;
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 160 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 256 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 544 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 256 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 190 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 190 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 182 KiB |
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,148 @@
|
|||
/* jQuery Youtube Channel Player 0.2.0
|
||||
* Author: Marc Löhe <marc@marcloehe.de>
|
||||
* Licensed under the MIT license.
|
||||
*/
|
||||
|
||||
(function ($) {
|
||||
|
||||
"use strict";
|
||||
|
||||
$.fn.ytChanPlayer = function (settings) {
|
||||
var $ytEl = $(this),
|
||||
$ytList = $('<ul/>', {'class': 'yt-channel-list'}),
|
||||
$ytPlayer,
|
||||
$ytPlayerWrapper,
|
||||
options = $.extend({}, $.fn.ytChanPlayer.defaults, settings),
|
||||
playerInitialized = false,
|
||||
videos = [],
|
||||
|
||||
// Utility functions
|
||||
buildYoutubeEmbedUrl = function (videoId) {
|
||||
var url = 'http://www.youtube.com/embed/' + videoId;
|
||||
if (options.playerOpts) {
|
||||
url += '?' + $.param(options.playerOpts);
|
||||
}
|
||||
return url;
|
||||
},
|
||||
|
||||
buildPlayer = function (videoId) {
|
||||
if (videoId.length > 0) {
|
||||
if (!$ytPlayer) {
|
||||
$ytPlayerWrapper = $('<div/>', {class: 'yt-player-wrapper'});
|
||||
$ytPlayer = $('<iframe/>', {class: 'yt-player'}).prependTo($ytPlayerWrapper);
|
||||
$ytPlayerWrapper.prependTo($ytEl);
|
||||
}
|
||||
$ytPlayer.attr('src', buildYoutubeEmbedUrl(videoId));
|
||||
playerInitialized = true;
|
||||
}
|
||||
},
|
||||
|
||||
insertIntoPlaylist = function (videoObject) {
|
||||
var $listItem, $anchor;
|
||||
$listItem = $('<li/>', {'class': 'yt-channel-video'});
|
||||
|
||||
$anchor = $('<a/>', {
|
||||
href: videoObject.embedUrl,
|
||||
title: videoObject.title,
|
||||
target: '_blank',
|
||||
'data-id': videoObject.videoId
|
||||
}).appendTo($listItem);
|
||||
|
||||
$('<img/>', {
|
||||
class: 'vid-thumb',
|
||||
alt: videoObject.title,
|
||||
src: videoObject.thumbnail
|
||||
}).appendTo($anchor);
|
||||
|
||||
$listItem.appendTo($ytList);
|
||||
videos.push(videoObject);
|
||||
},
|
||||
|
||||
hasNested = function (obj /*, level1, level2, ... levelN*/) {
|
||||
var args = Array.prototype.slice.call(arguments, 1);
|
||||
|
||||
for (var i = 0; i < args.length; i++) {
|
||||
if (!obj || !obj.hasOwnProperty(args[i])) {
|
||||
return false;
|
||||
}
|
||||
obj = obj[args[i]];
|
||||
}
|
||||
return true;
|
||||
};
|
||||
|
||||
// DOM Setup
|
||||
$ytEl.addClass('yt-channel-holder');
|
||||
$ytList.on('click', '.yt-channel-video a',function (e) {
|
||||
e.preventDefault();
|
||||
options.playerOpts = $.extend(options.playerOpts, {autoplay: 1});
|
||||
buildPlayer($(this).data('id'));
|
||||
}).appendTo($ytEl);
|
||||
|
||||
// Get channel data
|
||||
$.get('https://www.googleapis.com/youtube/v3/channels', {
|
||||
part: 'contentDetails',
|
||||
key: options.apiKey,
|
||||
forUsername: options.username
|
||||
})
|
||||
.then(function (res, textStatus, jqXHR) {
|
||||
var req;
|
||||
if (res.items && res.items[0] && hasNested(res.items[0], 'contentDetails', 'relatedPlaylists', 'uploads')) {
|
||||
req = {
|
||||
part: 'snippet',
|
||||
key: options.apiKey,
|
||||
playlistId: res.items[0].contentDetails.relatedPlaylists.uploads,
|
||||
maxResults: options.maxResults
|
||||
};
|
||||
return $.get('https://www.googleapis.com/youtube/v3/playlistItems', req);
|
||||
} else {
|
||||
return $.Deferred().reject(res, 'Unable to fetch playlist items.', jqXHR).promise();
|
||||
}
|
||||
})
|
||||
.then(function (res, textStatus, jqXHR) {
|
||||
if (res.items && res.items.length) {
|
||||
$.each(res.items, function (i, item) {
|
||||
var video;
|
||||
if (!hasNested(item, 'snippet', 'resourceId', 'videoId')) {
|
||||
return true; // Skip to next item
|
||||
}
|
||||
|
||||
video = {
|
||||
videoId: item.snippet.resourceId.videoId,
|
||||
title: item.snippet.title,
|
||||
thumbnail: item.snippet.thumbnails.default.url
|
||||
};
|
||||
video.embedUrl = buildYoutubeEmbedUrl(video.id);
|
||||
|
||||
if (!playerInitialized) {
|
||||
buildPlayer(options.sticky || item.snippet.resourceId.videoId);
|
||||
}
|
||||
|
||||
insertIntoPlaylist(video);
|
||||
});
|
||||
} else {
|
||||
return $.Deferred().reject(res, 'Unable to fetch playlist items.', jqXHR).promise();
|
||||
}
|
||||
})
|
||||
.fail(function (res, textStatus, jqXHR) {
|
||||
if (options.debug) {
|
||||
console.log('Error: ' + textStatus);
|
||||
}
|
||||
});
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
$.fn.ytChanPlayer.defaults = {
|
||||
apiKey: '',
|
||||
username: '',
|
||||
maxResults: 10,
|
||||
debug: false,
|
||||
playerOpts: {
|
||||
autohide: 1,
|
||||
autoplay: 0,
|
||||
fs: 1,
|
||||
showinfo: 0
|
||||
}
|
||||
};
|
||||
|
||||
}(jQuery));
|
||||
|
|
@ -0,0 +1,195 @@
|
|||
/* jQuery Youtube Channel Player 0.2.0
|
||||
* Author: Marc Löhe <marc@marcloehe.de>
|
||||
* Licensed under the MIT license.
|
||||
*
|
||||
*
|
||||
* need to change most of the logic here.
|
||||
* Only need the logic that gets our video information.
|
||||
* Also, need to look at the actual player function
|
||||
*
|
||||
*/
|
||||
|
||||
(function ($) {
|
||||
|
||||
"use strict";
|
||||
|
||||
$.fn.ytChanPlayer = function (settings) {
|
||||
var $ytEl = $(this),
|
||||
$ytList = $('<ul/>', {'class': 'yt-channel-list'}),
|
||||
$ytPlayer,
|
||||
$ytPlayerWrapper,
|
||||
options = $.extend({}, $.fn.ytChanPlayer.defaults, settings),
|
||||
playerInitialized = false,
|
||||
videos = [],
|
||||
|
||||
// Utility functions
|
||||
buildYoutubeEmbedUrl = function (videoId) {
|
||||
var url = 'http://www.youtube.com/watch/' + videoId;
|
||||
if (options.playerOpts) {
|
||||
url += '?' + $.param(options.playerOpts);
|
||||
}
|
||||
return url;
|
||||
},
|
||||
|
||||
buildPlayer = function (videoId) {
|
||||
|
||||
if (videoId.length > 0) {
|
||||
/*
|
||||
if (!$ytPlayer) {
|
||||
$ytPlayerWrapper = $('<div/>', {class: 'yt-player-wrapper'});
|
||||
$ytPlayer = $('<iframe/>', {class: 'yt-player'}).prependTo($ytPlayerWrapper);
|
||||
$ytPlayerWrapper.prependTo($ytEl);
|
||||
}
|
||||
$ytPlayer.attr('src', buildYoutubeEmbedUrl(videoId));
|
||||
*/
|
||||
|
||||
playerInitialized = true;
|
||||
}
|
||||
},
|
||||
|
||||
insertIntoPlaylist = function (i, videoObject) {
|
||||
|
||||
//We will be rewriting this and likely removing buildPlayer()
|
||||
//console.log(i)
|
||||
var $listItem, $anchor;
|
||||
|
||||
/*
|
||||
$listItem = $('<li/>', {'class': 'yt-channel-video'});
|
||||
|
||||
$anchor = $('<a/>', {
|
||||
href: videoObject.embedUrl,
|
||||
title: videoObject.title,
|
||||
target: '_blank',
|
||||
'data-id': videoObject.videoId
|
||||
}).appendTo($);
|
||||
*/
|
||||
|
||||
$($('.yt-thumb')[i]).attr({
|
||||
href: videoObject.embedUrl,
|
||||
title: videoObject.title,
|
||||
target: '_blank',
|
||||
'data-id': videoObject.videoId
|
||||
});
|
||||
|
||||
$($('.yt-thumb img')[i]).attr({
|
||||
alt: videoObject.title,
|
||||
src: videoObject.thumbnail
|
||||
});
|
||||
|
||||
$($('.yt-title h4')[i]).html(videoObject.title);
|
||||
$($('.yt-title')[i]).attr({
|
||||
href: videoObject.embedUrl,
|
||||
title: videoObject.title,
|
||||
target: '_blank'
|
||||
});
|
||||
//$($('.yt-author')[i]).html(videoObject.title);
|
||||
|
||||
/**
|
||||
$('<img/>', {
|
||||
class: 'vid-thumb',
|
||||
alt: videoObject.title,
|
||||
src: videoObject.thumbnail
|
||||
}).appendTo($anchor);
|
||||
**/
|
||||
//$listItem.appendTo($ytList);
|
||||
videos.push(videoObject);
|
||||
},
|
||||
|
||||
hasNested = function (obj /*, level1, level2, ... levelN*/) {
|
||||
var args = Array.prototype.slice.call(arguments, 1);
|
||||
|
||||
for (var i = 0; i < args.length; i++) {
|
||||
if (!obj || !obj.hasOwnProperty(args[i])) {
|
||||
return false;
|
||||
}
|
||||
obj = obj[args[i]];
|
||||
}
|
||||
return true;
|
||||
};
|
||||
|
||||
// DOM Setup
|
||||
$ytEl.addClass('yt-channel-holder');
|
||||
$ytList.on('click', '.yt-channel-video a',function (e) {
|
||||
e.preventDefault();
|
||||
options.playerOpts = $.extend(options.playerOpts, {autoplay: 1});
|
||||
buildPlayer($(this).data('id'));
|
||||
}).appendTo($ytEl);
|
||||
|
||||
// Get channel data
|
||||
$.get('https://www.googleapis.com/youtube/v3/channels', {
|
||||
part: 'contentDetails',
|
||||
key: options.apiKey,
|
||||
forHandle: options.username
|
||||
})
|
||||
.then(function (res, textStatus, jqXHR) {
|
||||
var req;
|
||||
if (res.items && res.items[0] && hasNested(res.items[0], 'contentDetails', 'relatedPlaylists', 'uploads')) {
|
||||
req = {
|
||||
part: 'snippet',
|
||||
key: options.apiKey,
|
||||
playlistId: res.items[0].contentDetails.relatedPlaylists.uploads,
|
||||
maxResults: options.maxResults
|
||||
};
|
||||
return $.get('https://www.googleapis.com/youtube/v3/playlistItems', req);
|
||||
} else {
|
||||
return $.Deferred().reject(res, 'Unable to fetch playlist items.', jqXHR).promise();
|
||||
}
|
||||
})
|
||||
.then(function (res, textStatus, jqXHR) {
|
||||
if (res.items && res.items.length) {
|
||||
$.each(res.items, function (i, item) {
|
||||
var video;
|
||||
//console.log(i);
|
||||
if (!hasNested(item, 'snippet', 'resourceId', 'videoId')) {
|
||||
return true; // Skip to next item
|
||||
}
|
||||
|
||||
video = {
|
||||
videoId: item.snippet.resourceId.videoId,
|
||||
title: item.snippet.title,
|
||||
thumbnail: item.snippet.thumbnails.maxres.url
|
||||
};
|
||||
video.embedUrl = buildYoutubeEmbedUrl(video.videoId);
|
||||
|
||||
/*
|
||||
if (!playerInitialized) {
|
||||
buildPlayer(options.sticky || item.snippet.resourceId.videoId);
|
||||
}
|
||||
*/
|
||||
insertIntoPlaylist(i, video);
|
||||
|
||||
});
|
||||
} else {
|
||||
return $.Deferred().reject(res, 'Unable to fetch playlist items.', jqXHR).promise();
|
||||
}
|
||||
})
|
||||
.fail(function (res, textStatus, jqXHR) {
|
||||
if (options.debug) {
|
||||
console.log('Error: ' + textStatus);
|
||||
}
|
||||
});
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
$.fn.ytChanPlayer.defaults = {
|
||||
apiKey: '',
|
||||
username: '',
|
||||
maxResults: 10,
|
||||
debug: false,
|
||||
playerOpts: {
|
||||
autohide: 1,
|
||||
autoplay: 0,
|
||||
fs: 1,
|
||||
showinfo: 0
|
||||
}
|
||||
};
|
||||
|
||||
}(jQuery));
|
||||
|
||||
$('#yt-channel').ytChanPlayer({
|
||||
apiKey: 'AIzaSyBrOTtKorMw4UxtbRZoS4hW1rl63mjB3h0',
|
||||
username: '@breadnbuddergaming',
|
||||
maxResults: 3,
|
||||
debug: true
|
||||
})
|
||||
|
|
@ -0,0 +1,110 @@
|
|||
<!DOCTYPE html>
|
||||
<html data-bs-theme="dark" lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
||||
<title>BreadnBudder Gaming | HOME</title>
|
||||
<meta property="twitter:title" content="BreadnBudder Gaming | HOME">
|
||||
<meta property="twitter:image" content="/generate-cover">
|
||||
<meta property="twitter:card" content="summary_large_image">
|
||||
<meta property="og:image" content="/generate-cover">
|
||||
<meta property="og:title" content="BreadnBudder Gaming | HOME">
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "http://schema.org",
|
||||
"@type": "WebSite",
|
||||
"name": "BreadnBudder Gaming",
|
||||
"url": "https://breadnbudder.xyz"
|
||||
}
|
||||
</script>
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon.16.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon.16.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon.32.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon.32.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="assets/css/PixelifySansVariableFont_wght.css">
|
||||
<link rel="stylesheet" href="assets/css/bs-theme-overrides.css">
|
||||
<link rel="stylesheet" href="assets/css/Articles-Cards-images.css">
|
||||
<link rel="stylesheet" href="assets/css/Hero-Features-icons.css">
|
||||
<link rel="stylesheet" href="assets/css/PUSH---Bootstrap-Button-Pack.css">
|
||||
<link rel="stylesheet" href="assets/css/Responsive-YouTube-Video-Section-Dark-Centered.css">
|
||||
<link rel="stylesheet" href="assets/css/styles.css">
|
||||
</head>
|
||||
|
||||
<body style="background: #322918;">
|
||||
<section style="--bs-body-bg: #262626;--bs-dark: #262626;--bs-dark-rgb: 38,38,38;background: #262626;">
|
||||
<div class="d-flex flex-shrink-1 flex-nowrap glitch" style="height: 330px;/*background: #262626;*/"></div>
|
||||
<ul class="list-group list-group-horizontal d-flex flex-shrink-1 justify-content-center flex-wrap justify-content-sm-center justify-content-md-center justify-content-lg-center justify-content-xl-center" style="background: #262626;border-style: none;">
|
||||
<li class="list-group-item text-start flex-shrink-1"><a class="text-center" href="index.html" style="/*font-family: 'PixelifySansVariableFont_wght';*//*font-size: 32px;*/transition: ease-in-out;">Home</a></li>
|
||||
<li class="list-group-item d-inline-flex flex-shrink-1"><a href="https://youtube.com/@breadnbuddergaming">Watch</a></li>
|
||||
<li class="list-group-item d-inline-flex flex-shrink-1"><a href="https://twitch.tv/breadnbuddergaming" target="_blank">Live</a></li>
|
||||
<li class="list-group-item"><a href="https://waa.ai/cJva" target="_blank">Chat</a></li>
|
||||
<li class="list-group-item d-inline-flex flex-shrink-1" style="border-style: none;"><a href="https://ko-fi.com/breadnbuddergaming" target="_blank">Support</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
<section>
|
||||
<div class="container py-4 py-xl-5">
|
||||
<div class="row mb-5">
|
||||
<div class="col-md-8 col-xl-6 text-center mx-auto">
|
||||
<h2>Latest Videos</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row gy-4 row-cols-1 row-cols-md-2 row-cols-xl-3 flex-grow-1 flex-shrink-1" id="yt-channel">
|
||||
<div class="col">
|
||||
<div class="card yt-card"><a class="flex-grow-1 flex-shrink-1 yt-thumb" href="#"><img class="flex-grow-1 flex-shrink-1 card-img-top" style="height: 200px;" src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"></a>
|
||||
<div class="card-body p-4">
|
||||
<p class="text-primary card-text mb-0">YouTube</p><a class="yt-title" href="#">
|
||||
<h4 class="text-truncate flex-grow-1 flex-shrink-1">Lorem libero donec</h4>
|
||||
</a>
|
||||
<div class="d-flex"><a class="d-flex" href="https://youtube.com/@BreadnBudderGaming?sub_confirmation=1"><img class="rounded-circle flex-shrink-0 me-3 fit-cover" width="50" height="50" src="assets/img/Logo.Border.FOR.WEB.png"></a>
|
||||
<div>
|
||||
<p class="fw-bold mb-0" id="yt-author">BreadnBudder Gaming</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card yt-card"><a class="yt-thumb" href="#"><img class="flex-grow-1 flex-shrink-1 card-img-top" style="height: 200px;" src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"></a>
|
||||
<div class="card-body p-4">
|
||||
<p class="text-primary card-text mb-0">YouTube</p><a class="yt-title" href="#">
|
||||
<h4 class="text-truncate flex-grow-1 flex-shrink-1">Lorem libero donec</h4>
|
||||
</a>
|
||||
<div class="d-flex"><a class="d-flex" href="https://youtube.com/@BreadnBudderGaming?sub_confirmation=1"><img class="rounded-circle flex-shrink-0 me-3 fit-cover" width="50" height="50" src="assets/img/Logo.Border.FOR.WEB.png"></a>
|
||||
<div>
|
||||
<p class="fw-bold mb-0" id="yt-author">BreadnBudder Gaming</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card yt-card"><a class="flex-grow-1 flex-shrink-1 yt-thumb" href="#"><img class="flex-grow-1 flex-shrink-1 card-img-top" style="height: 200px;" src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"></a>
|
||||
<div class="card-body p-4">
|
||||
<p class="text-primary card-text mb-0">YouTube</p><a class="yt-title" href="#">
|
||||
<h4 class="text-truncate flex-grow-1 flex-shrink-1">Lorem libero donec</h4>
|
||||
</a>
|
||||
<div class="d-flex"><a class="d-flex" href="https://youtube.com/@BreadnBudderGaming?sub_confirmation=1"><img class="rounded-circle flex-shrink-0 me-3 fit-cover" width="50" height="50" src="assets/img/Logo.Border.FOR.WEB.png"></a>
|
||||
<div>
|
||||
<p class="fw-bold mb-0" id="yt-author">BreadnBudder Gaming</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4"></div>
|
||||
<div class="col-md-4 d-lg-flex justify-content-lg-center align-items-lg-center"><a href="https://youtube.com/@BreadnBudderGaming?sub_confirmation=1"><button class="btn btn-warning outline" type="button">Watch More...</button></a></div>
|
||||
<div class="col-md-4"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<footer class="text-end flex-shrink-1" style="position: fixed;width: 100%;left: 0;bottom: 0;"><small style="color: #ce8547;">BreadnBudder Gaming © 2024. All rights reserved.</small></footer>
|
||||
<script src="assets/js/jquery.min.js"></script>
|
||||
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="assets/js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
exports.wrapText = function wrapText(
|
||||
context,
|
||||
text = "",
|
||||
x,
|
||||
y,
|
||||
maxWidth,
|
||||
lineHeight
|
||||
) {
|
||||
let words = text.split(" ");
|
||||
let line = "";
|
||||
|
||||
for (let n = 0; n < words.length; n++) {
|
||||
const testLine = line + words[n] + " ";
|
||||
const metrics = context.measureText(testLine);
|
||||
const testWidth = metrics.width;
|
||||
if (testWidth > maxWidth && n > 0) {
|
||||
context.fillText(line, x, y);
|
||||
line = words[n] + " ";
|
||||
y += lineHeight;
|
||||
} else {
|
||||
line = testLine;
|
||||
}
|
||||
}
|
||||
context.fillText(line, x, y);
|
||||
};
|
||||
|
|
@ -0,0 +1,97 @@
|
|||
const { createCanvas, loadImage } = require("canvas");
|
||||
const { wrapText } = require("./helpers");
|
||||
const theme = require("./theme");
|
||||
|
||||
// Create canvas and get its context
|
||||
const canvas = createCanvas(1200, 630);
|
||||
const ctx = canvas.getContext("2d");
|
||||
|
||||
const {
|
||||
colors,
|
||||
avatarSize,
|
||||
avatarBorder,
|
||||
fontSizes,
|
||||
fontStyles,
|
||||
logoW,
|
||||
logoH,
|
||||
space
|
||||
} = theme;
|
||||
|
||||
module.exports = async function generateCover({
|
||||
title,
|
||||
avatarUrl,
|
||||
name,
|
||||
}) {
|
||||
// Load images
|
||||
const avatar = await loadImage(avatarUrl);
|
||||
|
||||
// Background
|
||||
ctx.fillStyle = colors.base;
|
||||
ctx.fillRect(0, 0, canvas.width, canvas.height);
|
||||
|
||||
// Heading text
|
||||
ctx.fillStyle = colors.secondary;
|
||||
ctx.font = fontStyles.heading;
|
||||
wrapText(
|
||||
ctx,
|
||||
title,
|
||||
space,
|
||||
fontSizes.heading + space,
|
||||
canvas.width - space * 2,
|
||||
fontSizes.heading
|
||||
);
|
||||
|
||||
// Avatar
|
||||
const avatarTop = canvas.height - avatarSize - avatarSize / 4;
|
||||
const avatarLeft = space;
|
||||
|
||||
// Border around avatar
|
||||
ctx.fillStyle = colors.primary;
|
||||
ctx.beginPath();
|
||||
ctx.fill();
|
||||
ctx.closePath();
|
||||
|
||||
// Clip image before draw
|
||||
ctx.save();
|
||||
ctx.beginPath();
|
||||
ctx.arc(
|
||||
avatarSize / 2 + avatarLeft,
|
||||
avatarSize / 2 + avatarTop,
|
||||
avatarSize / 1,
|
||||
0,
|
||||
6 * Math.PI
|
||||
);
|
||||
ctx.closePath();
|
||||
ctx.clip();
|
||||
|
||||
// Put avatar
|
||||
ctx.drawImage(avatar, avatarLeft, avatarTop, avatarSize, avatarSize);
|
||||
|
||||
// Unclip all around avatar
|
||||
ctx.beginPath();
|
||||
ctx.arc(0, 0, avatarSize / 4, 0, Math.PI * 6, true);
|
||||
ctx.clip();
|
||||
ctx.closePath();
|
||||
ctx.restore();
|
||||
|
||||
// Author name
|
||||
ctx.fillStyle = colors.secondary;
|
||||
ctx.font = fontStyles.author;
|
||||
ctx.fillText(
|
||||
name,
|
||||
avatarLeft + avatarSize + space / 2,
|
||||
avatarTop + fontSizes.author - 4
|
||||
);
|
||||
|
||||
// Author title
|
||||
ctx.fillStyle = colors.primary;
|
||||
ctx.font = fontStyles.authorTitle;
|
||||
ctx.fillText(
|
||||
avatarLeft + avatarSize + space / 2,
|
||||
avatarTop + fontSizes.author + fontSizes.authorTitle
|
||||
);
|
||||
|
||||
|
||||
// Return PNG Stream
|
||||
return canvas.createPNGStream();
|
||||
};
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
const fontFamily = "Lucida Sans Unicode";
|
||||
|
||||
const fontSizes = {
|
||||
heading: 64,
|
||||
author: 40,
|
||||
authorTitle: 26
|
||||
};
|
||||
|
||||
module.exports = {
|
||||
fontStyles: {
|
||||
heading: `900 ${fontSizes.heading}px ${fontFamily}`,
|
||||
author: `700 ${fontSizes.author}px ${fontFamily}`,
|
||||
authorTitle: `500 ${fontSizes.authorTitle}px ${fontFamily}`
|
||||
},
|
||||
fontSizes,
|
||||
colors: {
|
||||
primary: "#ffd166",
|
||||
secondary: "white",
|
||||
base: "#262626"
|
||||
},
|
||||
avatarSize: 200,
|
||||
avatarBorder: 0,
|
||||
logoW: 0,
|
||||
logoH: 0,
|
||||
space: 20
|
||||
};
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
{
|
||||
"name": "breadnbuddergaming.xyz-webserver",
|
||||
"version": "1.0.1",
|
||||
"description": "a simple web server for running the breadnbuddergaming landing page",
|
||||
"main": "app.js",
|
||||
"dependencies": {
|
||||
"canvas": "^2.11.2",
|
||||
"express": "latest",
|
||||
"mysql": "latest",
|
||||
"nodemon": "latest",
|
||||
"path": "latest"
|
||||
},
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1",
|
||||
"dev": "nodemon app.js"
|
||||
},
|
||||
"author": "nickatnite",
|
||||
"license": "ISC",
|
||||
"homepage": "https://breadnbudder.xyz"
|
||||
}
|
||||
Loading…
Reference in New Issue