Skip to content

Commit 5e32372

Browse files
JulianPrieberJulianPrieber
committed
Uploaded theme files
0 parents  commit 5e32372

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

59 files changed

+1610
-0
lines changed

‎animations.css‎

Lines changed: 101 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,101 @@
1+
/* ************************************************************* */
2+
/*
3+
/* Use this file to add custom CSS animations.
4+
/* Delete this file if you wish to use the default animations.
5+
/* If you do not want to have animations in your theme,
6+
/* remove or comment them and include this file in your theme.
7+
/*
8+
/* ************************************************************* */
9+
10+
11+
/* Table of contents
12+
––––––––––––––––––––––––––––––––––––––––––––––––––
13+
- Entrance animations
14+
- Button hover animations
15+
- Icon hover animations
16+
- Footer hover animations
17+
18+
*/
19+
20+
21+
22+
/* Entrance animations
23+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
24+
25+
.button-entrance {
26+
animation-name: popUp;
27+
animation-duration: 1s;
28+
animation-fill-mode: both;
29+
/* Used to start button entrance animation one after another */
30+
animation-delay: calc(var(--delay)/10);
31+
}
32+
33+
@keyframes popUp {
34+
from {
35+
opacity: 0;
36+
transform: scale3d(0.3, 0.3, 0.3);
37+
}
38+
39+
50% {
40+
opacity: 1;
41+
}
42+
}
43+
44+
.fadein {
45+
animation-name: fadein;
46+
animation-duration: 3s;
47+
animation-fill-mode: both;
48+
}
49+
50+
@keyframes fadein {
51+
from {
52+
opacity: 0;
53+
}
54+
55+
to {
56+
opacity: 1;
57+
}
58+
}
59+
60+
61+
/* Button hover animations
62+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
63+
/* (Also apply to icon) */
64+
65+
.button-hover, .credit-hover{
66+
display:inline-block;
67+
-webkit-transform:perspective(1px) translateZ(0);
68+
transform:perspective(1px) translateZ(0);
69+
box-shadow:0 0 1px rgba(0,0,0,0);
70+
-webkit-transition-duration:.1s;
71+
transition-duration:.1s;
72+
-webkit-transition-property:transform;
73+
transition-property:transform
74+
}
75+
.button-hover:active,.credit-hover:active,
76+
.button-hover:focus,.credit-hover:focus,
77+
.button-hover:hover,.credit-hover:hover{
78+
-webkit-transform:scale(1.02);
79+
transform:scale(1.02)
80+
}
81+
82+
83+
/* Footer hover animations
84+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
85+
86+
.footer-hover{
87+
display:inline-block;
88+
-webkit-transform:perspective(1px) translateZ(0);
89+
transform:perspective(1px) translateZ(0);
90+
box-shadow:0 0 1px rgba(0,0,0,0);
91+
-webkit-transition-duration:.3s;
92+
transition-duration:.3s;
93+
-webkit-transition-property:transform;
94+
transition-property:transform;
95+
-webkit-transition-timing-function:ease-out;
96+
transition-timing-function:ease-out
97+
}
98+
.footer-hover:active,.footer-hover:focus,.footer-hover:hover{
99+
-webkit-transform:translateY(-8px);
100+
transform:translateY(-8px)
101+
}

‎brands.css‎

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
2+
/* Table of contents
3+
––––––––––––––––––––––––––––––––––––––––––––––––––
4+
5+
- Rounded user avatars
6+
- Buttons
7+
- Brand Styles
8+
9+
*/
10+
11+
12+
/* Rounded avatars
13+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
14+
15+
/* Disable this if you don't want rounded avatars for users */
16+
.rounded-avatar {
17+
border-radius: 50%;
18+
}
19+
20+
21+
/* Buttons
22+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
23+
24+
:root {
25+
--bgColor: #223344;
26+
--bgColor2: #090a0f;
27+
--accentColor: #FFF;
28+
--font: 'Karla', sans-serif;
29+
--delay: .3s; }
30+
31+
.button {
32+
position: relative;
33+
background-color: transparent;
34+
color: var(--accentColor);
35+
border: solid var(--accentColor) 2px;
36+
border-radius: 10px;
37+
font-size: 1rem;
38+
text-align: center;
39+
display: block;
40+
margin-left: 10px;
41+
margin-right: 10px;
42+
margin-bottom: 10px;
43+
padding: 10px; /* 17px */
44+
text-decoration: none;
45+
/* transition: all .25s cubic-bezier(.08, .59, .29, .99); */
46+
-webkit-tap-highlight-color: transparent;
47+
}
48+
49+
@media (hover: hover) {
50+
.button:hover {
51+
background-color: var(--accentColor);
52+
color: var(--bgColor);
53+
}
54+
}
55+
56+
.button:active {
57+
background-color: var(--accentColor);
58+
color: var(--bgColor);
59+
}
60+
61+
62+
/* Brand Icons
63+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
64+
65+
.icon {
66+
padding: 0px 8px 3.5px 0px;
67+
vertical-align: middle;
68+
width: 20px;
69+
height: 20px;
70+
-webkit-filter: grayscale(100%);
71+
-moz-filter: grayscale(100%);
72+
filter: grayscale(100%);
73+
}
74+
75+
.button:hover .icon {
76+
-webkit-filter: invert(100%) grayscale(100%);
77+
-moz-filter: invert(100%) grayscale(100%);
78+
filter: invert(100%) grayscale(100%);
79+
}

‎config.php‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<?php
2+
3+
return [
4+
5+
/*
6+
|--------------------------------------------------------------------------
7+
| Theme Config
8+
|--------------------------------------------------------------------------
9+
|
10+
| Description.
11+
|
12+
*/
13+
14+
// Some themes may not be compatible with custom buttons created by the Button Editor.
15+
// If 'false' the default button CSS is used.
16+
'allow_custom_buttons' => 'false',
17+
18+
'open_links_in_same_tab' => 'false',
19+
20+
21+
/*
22+
|--------------------------------------------------------------------------
23+
| Custom Code
24+
|--------------------------------------------------------------------------
25+
|
26+
| Description.
27+
|
28+
*/
29+
30+
'enable_custom_code' => 'true',
31+
32+
// Disable individual files (only applies if above is 'true').
33+
'enable_custom_head' => 'true',
34+
'enable_custom_body' => 'true',
35+
'enable_custom_body_end' => 'true',
36+
37+
38+
/*
39+
|--------------------------------------------------------------------------
40+
| Custom Icons
41+
|--------------------------------------------------------------------------
42+
|
43+
| Description.
44+
|
45+
*/
46+
47+
'use_custom_icons' => 'false',
48+
49+
// Is not set correct this will cause errors.
50+
'custom_icon_extension' => '.svg', // (.png, .jpg ...)
51+
52+
53+
54+
];

‎extra/custom-assets/test.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
body {background-color: coral;}

‎extra/custom-assets/test.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
alert("test")

‎extra/custom-assets/test.png‎

264 KB
Loading

‎extra/custom-body-end.blade.php‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<style> /* This is a comment */ </style>
2+
3+
<script> // This is a comment </script>
4+
5+
{{-- This is a comment --}}
6+
7+
<?php // This is a comment ?>

‎extra/custom-body.blade.php‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<web-particles id="tsparticles" options='{"fps_limit":60,"interactivity":{"detectsOn":"canvas","events":{"onClick":{"enable":true,"mode":"push"},"onHover":{"enable":true,"mode":"repulse"},"resize":true},"modes":{"push":{"particles_nb":4},"repulse":{"distance":200,"duration":0.4}}},"particles":{"color":{"value":"#ffffff"},"links":{"color":"#ffffff","distance":150,"enable":true,"opacity":0.4,"width":1},"move":{"bounce":false,"direction":"none","enable":true,"outMode":"out","random":false,"speed":2,"straight":false},"number":{"density":{"enable":true,"area":800},"value":80},"opacity":{"value":0.5},"shape":{"type":"circle"},"size":{"random":true,"value":5}},"detectRetina":true}'></web-particles>

‎extra/custom-head.blade.php‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!-- tsParticles container -->
2+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/tsparticles.min.js"></script>
3+
<script src="https://cdn.jsdelivr.net/npm/@webcomponents/[email protected]/custom-elements-es5-adapter.js"></script>
4+
<script src="https://cdn.jsdelivr.net/npm/@webcomponents/[email protected]/webcomponents-loader.js"></script>
5+
<script type="module" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/web-particles.min.js"></script>
6+
7+
<style>
8+
canvas {
9+
display: block;
10+
vertical-align: bottom;
11+
}
12+
/* ---- tsparticles container ---- */
13+
#tsparticles {
14+
position: absolute;
15+
width: 100%;
16+
height: 98%;
17+
background-repeat: no-repeat;
18+
background-size: cover;
19+
background-position: 50% 50%;
20+
}
21+
22+
</style>

‎extra/custom-icons/bandcamp.svg‎

Lines changed: 26 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)