Skip to content

Commit 0b00dc0

Browse files
JulianPrieberJulianPrieber
committed
Added files
1 parent 57aa1a0 commit 0b00dc0

File tree

13 files changed

+1340
-0
lines changed

13 files changed

+1340
-0
lines changed

‎animations.css‎

Lines changed: 181 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,181 @@
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:.3s;
71+
transition-duration:.3s;
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.1);
79+
transform:scale(1.1)
80+
}
81+
82+
83+
/* Icon hover animations
84+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
85+
86+
.icon-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+
}
94+
.icon-hover .hvr-icon{
95+
-webkit-transform:translateZ(0);
96+
transform:translateZ(0)
97+
}
98+
.icon-hover:active .hvr-icon,.icon-hover:focus .hvr-icon,.icon-hover:hover .hvr-icon{
99+
-webkit-animation-name:icon-hover;
100+
animation-name:icon-hover;
101+
-webkit-animation-duration:1s;
102+
animation-duration:1s;
103+
-webkit-animation-timing-function:ease-in-out;
104+
animation-timing-function:ease-in-out;
105+
-webkit-animation-iteration-count:1;
106+
animation-iteration-count:1
107+
}
108+
109+
@-webkit-keyframes icon-hover{
110+
16.65%{
111+
-webkit-transform:translateY(6px);
112+
transform:translateY(6px)
113+
}
114+
33.3%{
115+
-webkit-transform:translateY(-5px);
116+
transform:translateY(-5px)
117+
}
118+
49.95%{
119+
-webkit-transform:translateY(4px);
120+
transform:translateY(4px)
121+
}
122+
66.6%{
123+
-webkit-transform:translateY(-2px);
124+
transform:translateY(-2px)
125+
}
126+
83.25%{
127+
-webkit-transform:translateY(1px);
128+
transform:translateY(1px)
129+
}
130+
100%{
131+
-webkit-transform:translateY(0);
132+
transform:translateY(0)
133+
}
134+
}
135+
@keyframes icon-hover{
136+
16.65%{
137+
-webkit-transform:translateY(6px);
138+
transform:translateY(6px)
139+
}
140+
33.3%{
141+
-webkit-transform:translateY(-5px);
142+
transform:translateY(-5px)
143+
}
144+
49.95%{
145+
-webkit-transform:translateY(4px);
146+
transform:translateY(4px)
147+
}
148+
66.6%{
149+
-webkit-transform:translateY(-2px);
150+
transform:translateY(-2px)
151+
}
152+
83.25%{
153+
-webkit-transform:translateY(1px);
154+
transform:translateY(1px)
155+
}
156+
100%{
157+
-webkit-transform:translateY(0);
158+
transform:translateY(0)
159+
}
160+
}
161+
162+
163+
/* Footer hover animations
164+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
165+
166+
.footer-hover{
167+
display:inline-block;
168+
-webkit-transform:perspective(1px) translateZ(0);
169+
transform:perspective(1px) translateZ(0);
170+
box-shadow:0 0 1px rgba(0,0,0,0);
171+
-webkit-transition-duration:.3s;
172+
transition-duration:.3s;
173+
-webkit-transition-property:transform;
174+
transition-property:transform;
175+
-webkit-transition-timing-function:ease-out;
176+
transition-timing-function:ease-out
177+
}
178+
.footer-hover:active,.footer-hover:focus,.footer-hover:hover{
179+
-webkit-transform:translateY(-8px);
180+
transform:translateY(-8px)
181+
}

‎brands.css‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
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+
button:hover,
25+
.button:focus {
26+
color: #333;
27+
border-color: #888;
28+
outline: 0; }
29+
.button.button-primary {
30+
color: #FFF;}
31+
.button.button-primary:hover,
32+
.button.button-primary:focus {
33+
color: #FFF;}
34+
35+
36+
/* Brand Icons
37+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
38+
39+
.icon {
40+
padding: 0px 8px 3.5px 0px;
41+
vertical-align: middle;
42+
width: 30px !important;
43+
height: auto;
44+
filter: saturate(.8);
45+
}

‎config.php‎

Lines changed: 89 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,89 @@
1+
<?php
2+
3+
return [
4+
5+
6+
/*
7+
|--------------------------------------------------------------------------
8+
| User settings
9+
|--------------------------------------------------------------------------
10+
|
11+
| Feel free to change this at any time
12+
|
13+
*/
14+
15+
// Disables background flicker.
16+
// Either true or false.
17+
'disable_flicker' => 'true',
18+
19+
20+
21+
22+
23+
24+
/*
25+
|--------------------------------------------------------------------------
26+
| Theme Config
27+
|--------------------------------------------------------------------------
28+
|
29+
| The theme config allows you to configure how LittleLink Custom should treat your theme.
30+
| All settings can either be set to "true" or "false", unless stated otherwise.
31+
|
32+
| The settings below change how your buttons behave.
33+
|
34+
*/
35+
36+
// Some themes may not be compatible with custom buttons created by the Button Editor.
37+
// If 'false' the default button CSS is used.
38+
'allow_custom_buttons' => 'false',
39+
40+
'open_links_in_same_tab' => 'false',
41+
42+
// You can use this option to use the default button styling. For example reskins of the Default Theme.
43+
// This can be useful if you do not want to update your brand styles every time a new button is added.
44+
// If true the file "brands.css" wont be used anymore and can be removed.
45+
'use_default_buttons' => 'false',
46+
47+
/*
48+
|--------------------------------------------------------------------------
49+
| Custom Code
50+
|--------------------------------------------------------------------------
51+
|
52+
| Custom code allows you to inject customized Blade, PHP, HTML, JavaScript and CSS code.
53+
|
54+
| In your "extra" folder, you will find 3 separate files for injecting your code to
55+
| different places on the final page (head, body, at the end of the body).
56+
|
57+
| You may also attach custom assets like CSS, JS, or images.
58+
| You can find instructions for this in the files in your extra folder.
59+
|
60+
*/
61+
62+
'enable_custom_code' => 'true',
63+
64+
// Disable individual files (only applies if above is 'true').
65+
'enable_custom_head' => 'true',
66+
'enable_custom_body' => 'true',
67+
'enable_custom_body_end' => 'true',
68+
69+
70+
/*
71+
|--------------------------------------------------------------------------
72+
| Custom Icons
73+
|--------------------------------------------------------------------------
74+
|
75+
| You may add custom icons to your theme. 
76+
| These icons are stored under: .../extra/custom-icons.
77+
|
78+
| You can adjust the file extension types to use other files than just SVGs.
79+
|
80+
*/
81+
82+
'use_custom_icons' => 'false',
83+
84+
// Is not set correct this will cause errors.
85+
'custom_icon_extension' => '.svg', // (.png, .jpg ...)
86+
87+
88+
89+
];

‎extra/custom-assets/boi.otf‎

62.5 KB
Binary file not shown.

‎extra/custom-assets/button2.png‎

68.8 KB
Loading

‎extra/custom-assets/upheavtt.ttf‎

40.9 KB
Binary file not shown.

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

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<div class="wrapper">
2+
<input type="checkbox" id="light">
3+
<label id="light-toggler" for="light"></label>
4+
5+
6+
<div class="satan">
7+
<div class="satan-eye"></div>
8+
<div class="satan-eye"></div>
9+
</div>
10+
11+
<div class=isaac>
12+
13+
<div class="head">
14+
<div class="eye eye-left"><div class="eye-shine"></div><div class="eye-shine-sm"></div></div>
15+
<div class="mouth"></div>
16+
<div class="eye eye-right"><div class="eye-shine"></div><div class="eye-shine-sm"></div></div>
17+
</div>
18+
19+
<div class="body">
20+
<div class="foot foot-left"></div>
21+
<div class="arm arm-left"></div>
22+
<div class="torso">
23+
24+
25+
</div>
26+
<div class="arm arm-right"></div>
27+
<div class="foot foot-right"></div>
28+
</div>
29+
</div>

‎extra/custom-body.blade.php‎

Whitespace-only changes.

0 commit comments

Comments
 (0)