Skip to content

Commit a075b47

Browse files
JulianPrieberJulianPrieber
committed
Initial commit
0 parents  commit a075b47

37 files changed

+881
-0
lines changed

‎LICENSE‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2022 Julian Prieber
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎animations.css‎

Lines changed: 112 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,112 @@
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+
animation-delay: calc(var(--delay)/10);
30+
}
31+
32+
@keyframes popUp {
33+
from {
34+
opacity: 0;
35+
transform: scale3d(0.3, 0.3, 0.3);
36+
}
37+
38+
50% {
39+
opacity: 1;
40+
}
41+
} */
42+
43+
/* .fadein {
44+
animation-name: fadein;
45+
animation-duration: 3s;
46+
animation-fill-mode: both;
47+
}
48+
49+
@keyframes fadein {
50+
from {
51+
opacity: 0;
52+
}
53+
54+
to {
55+
opacity: 1;
56+
}
57+
} */
58+
59+
60+
/* Button hover animations
61+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
62+
/* (Also apply to icon) */
63+
64+
.button-hover, .credit-hover{
65+
display:inline-block;
66+
-webkit-transform:perspective(1px) translateZ(0);
67+
transform:perspective(1px) translateZ(0);
68+
box-shadow:0 0 1px rgba(0,0,0,0);
69+
-webkit-transition-duration:.1s;
70+
transition-duration:.1s;
71+
-webkit-transition-property:transform;
72+
transition-property:transform
73+
}
74+
.button-hover:active,
75+
.button-hover:focus,
76+
.button-hover:hover{
77+
-webkit-transform:scale(1.02);
78+
transform:scale(1.02)
79+
}
80+
.credit-hover:active,
81+
.credit-hover:focus,
82+
.credit-hover:hover{
83+
-webkit-transform:scale(1.04);
84+
transform:scale(1.04)
85+
}
86+
87+
88+
/* Footer hover animations
89+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
90+
91+
.footer-hover{
92+
display:inline-block;
93+
-webkit-transform:perspective(1px) translateZ(0);
94+
transform:perspective(1px) translateZ(0);
95+
box-shadow:0 0 1px rgba(0,0,0,0);
96+
-webkit-transition-duration:.3s;
97+
transition-duration:.3s;
98+
-webkit-transition-property:transform;
99+
transition-property:transform;
100+
-webkit-transition-timing-function:ease-out;
101+
transition-timing-function:ease-out;
102+
padding-top: 40px;
103+
overflow: hidden;
104+
width: fit-content;
105+
overflow-y: hidden;
106+
height: fit-content;
107+
}
108+
.footer-hover:active,.footer-hover:focus,.footer-hover:hover{
109+
-webkit-transform:translateY(-8px);
110+
transform:translateY(-8px);
111+
color: #fff;
112+
}

‎brands.css‎

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
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+
-webkit-box-shadow: 0px 0px 0px 3px var(--button-background-color);
19+
box-shadow: 0px 0px 0px 3px var(--button-background-color);
20+
background-color: var(--button-background-color) !important;
21+
width: var(--image-width);
22+
height: var(--image-height);
23+
left: 50%;
24+
transform: translatex(-50%);
25+
position: absolute;
26+
top: -4.5rem;
27+
z-index: 1000;
28+
}
29+
30+
31+
.social-icon {
32+
font-size: 32px;
33+
padding: 10px;
34+
}
35+
.social-icon-div {
36+
padding-bottom: 30px;
37+
}
38+
.social-icon{color:var(--title-color);}
39+
40+
/* Buttons
41+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
42+
43+
.button {
44+
display: flex;
45+
align-items: center;
46+
justify-content: center;
47+
text-decoration: none;
48+
font-size: 1em;
49+
min-height: 58px;
50+
line-height: 58px;
51+
cursor: pointer;
52+
width: 100%;
53+
max-width: 600px;
54+
border-radius: 14px;
55+
margin-bottom: 13px;
56+
57+
color: #fff;
58+
background-color:rgba(193, 166, 255, 0.4);
59+
box-shadow: 0 0 7px -5px rgba(0, 0, 0, 0.5) !important;
60+
backdrop-filter: blur(10px);
61+
62+
}
63+
.button:hover {
64+
color: #fff;
65+
}
66+
67+
/* Brand Icons
68+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
69+
70+
.icon {
71+
right: 10px;
72+
bottom: 2px;
73+
position: relative;
74+
vertical-align: middle;
75+
width: 20px;
76+
height: 20px;
77+
-webkit-filter: grayscale(100%);
78+
-moz-filter: grayscale(100%);
79+
filter: grayscale(100%);
80+
}
81+
82+
svg {
83+
color: white !important;
84+
}

‎config.php‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
<?php
2+
3+
return [
4+
5+
/*
6+
|--------------------------------------------------------------------------
7+
| Theme Config
8+
|--------------------------------------------------------------------------
9+
|
10+
| The theme config allows you to configure how LittleLink Custom should treat your theme.
11+
| All settings can either be set to "true" or "false", unless stated otherwise.
12+
|
13+
| The settings below change how your buttons behave.
14+
|
15+
*/
16+
17+
// Some themes may not be compatible with custom buttons created by the Button Editor.
18+
// If 'false' the default button CSS is used.
19+
'allow_custom_buttons' => 'false',
20+
21+
'open_links_in_same_tab' => 'false',
22+
'enable_dynamic_contrast' => 'true',
23+
24+
/*
25+
|--------------------------------------------------------------------------
26+
| Custom Code
27+
|--------------------------------------------------------------------------
28+
|
29+
| Custom code allows you to inject customized Blade, PHP, HTML, JavaScript and CSS code.
30+
|
31+
| In your "extra" folder, you will find 3 separate files for injecting your code to
32+
| different places on the final page (head, body, at the end of the body).
33+
|
34+
| You may also attach custom assets like CSS, JS, or images.
35+
| You can find instructions for this in the files in your extra folder.
36+
|
37+
*/
38+
39+
'enable_custom_code' => 'true',
40+
41+
// Disable individual files (only applies if above is 'true').
42+
'enable_custom_head' => 'true',
43+
'enable_custom_body' => 'false',
44+
'enable_custom_body_end' => 'false',
45+
46+
47+
/*
48+
|--------------------------------------------------------------------------
49+
| Custom Icons
50+
|--------------------------------------------------------------------------
51+
|
52+
| You may add custom icons to your theme. 
53+
| These icons are stored under: .../extra/custom-icons.
54+
|
55+
| You can adjust the file extension types to use other files than just SVGs.
56+
|
57+
*/
58+
59+
'use_custom_icons' => 'false',
60+
61+
// Is not set correct this will cause errors.
62+
'custom_icon_extension' => '.svg', // (.png, .jpg ...)
63+
64+
65+
66+
];

‎extra/custom-assets/roboto-cyrillic-400-normal.woff‎

27.9 KB
Binary file not shown.

‎extra/custom-assets/roboto-cyrillic-400-normal.woff2‎

9.4 KB
Binary file not shown.

‎extra/custom-assets/roboto-cyrillic-700-normal.woff‎

28 KB
Binary file not shown.

‎extra/custom-assets/roboto-cyrillic-700-normal.woff2‎

9.42 KB
Binary file not shown.

‎extra/custom-assets/roboto-cyrillic-ext-400-normal.woff‎

42.3 KB
Binary file not shown.

‎extra/custom-assets/roboto-cyrillic-ext-400-normal.woff2‎

15 KB
Binary file not shown.

0 commit comments

Comments
 (0)