daniel543x/artcraft
1
0 Fork 0
mirror of https://github.com/storytold/artcraft.git synced 2026-11-03 00:47:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

padding and minor fixes

Browse Source
This commit is contained in:
BFlat committed 2022-05-31 22:42:45 +01:00
1 parent 6b88fb2dbe
commit 285183286b
3 files changed
+21 -41
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

templates/storyteller-stream/index.html
+9 -13
View File
@@ -150,7 +150,7 @@
<div class="bg-gradient">
<div class="container section d-flex flex-column align-items-center">
<h1 class="fw-bold"><span class="word">Features</span></h1>
<h1 class="fw-bold mt-3"><span class="word">Features</span></h1>
<div class="features-section">
<div class="row">
<div class="col-md-4 d-flex align-items-stretch">
@@ -162,7 +162,7 @@
width="65"
/>
<h4 class="features-title mb-3">Channel Points</h4>
<p class="features-text mb-4">
<p class="mb-4">
Morbi dapibus commodo porta. Sed faucibus tristique orci in
tristique. Praesent quam nunc, fermentum eu feugiat sit.
</p>
@@ -178,7 +178,7 @@
width="80"
/>
<h4 class="features-title mb-3">Over 1700 voices!</h4>
<p class="features-text mb-4">
<p class="mb-4">
Morbi dapibus commodo porta. Sed faucibus tristique orci in
tristique. Praesent quam nunc, fermentum eu feugiat sit.
</p>
@@ -194,7 +194,7 @@
width="65"
/>
<h4 class="features-title mb-3">Bits</h4>
<p class="features-text mb-4">
<p class="mb-4">
Morbi dapibus commodo porta. Sed faucibus tristique orci in
tristique. Praesent quam nunc, fermentum eu feugiat sit.
</p>
@@ -211,7 +211,7 @@
<h1 class="mb-4">
<span class="word">Our Insights</span>
</h1>
<p class="insights-text">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
@@ -219,17 +219,13 @@
<div class="col-md-6">
<div class="panel insights-panel h-100 panel-ani">
<h2 class="fw-bold mb-1">+1700</h2>
<p class="insights-panel-text">
TTS Voices in the library (and growing)
</p>
<p>TTS Voices in the library (and growing)</p>
<hr />
<h2 class="fw-bold mb-1">+10K</h2>
<p class="insights-panel-text">
Daily generated TTS or something
</p>
<p>Daily generated TTS or something</p>
<hr />
<h2 class="fw-bold mb-1">+1.1M</h2>
<p class="insights-panel-text">Some kind of statistic here</p>
<p>Some kind of statistic here</p>
<img
class="red-glow insights-circle-1"
src="assets/circle-1.png"
@@ -249,7 +245,7 @@
<h1 class="fw-bold mb-4">
<span class="word">Got Any Questions?</span>
</h1>
<div class="panel p-4 mt-5 questions-panel mb-5 panel-ani">
<div class="panel p-4 py-5 mt-5 questions-panel mb-5 panel-ani">
<div class="text-center">
<h2 class="w-100 text-center">
<i class="fa-brands fa-discord me-3"></i>Join us in Discord!
templates/storyteller-stream/style.css
+10 -26
View File
@@ -60,6 +60,7 @@ h3 {
p {
font-weight: 300;
margin-bottom: 0;
color: rgba(255, 255, 255, 0.8);
}
img {
@@ -134,8 +135,8 @@ img {
}
.nav-link {
font-size: 16px;
font-weight: 600;
font-size: 15px;
font-weight: 500;
padding-left: 16px !important;
padding-right: 16px !important;
}
@@ -202,14 +203,10 @@ span.word:after {
);
}
.lead {
color: rgba(255, 255, 255, 0.8);
}
.btn {
border-radius: 5px;
outline: none;
font-size: 16px;
font-size: 15px;
font-weight: 600;
padding: 10px 24px;
z-index: 1;
@@ -267,8 +264,8 @@ span.word:after {
}
.nav-login {
font-size: 16px;
font-weight: 600;
font-size: 15px;
font-weight: 500;
color: #fff;
text-decoration: none;
transition: 0.1s;
@@ -306,7 +303,6 @@ span.word:after {
.hero-text {
max-width: 800px;
color: rgba(255, 255, 255, 0.6);
}
.hero-img-section {
@@ -362,7 +358,7 @@ span.word:after {
background-color: rgba(255, 255, 255, 0.1);
border-color: #ffffff12 !important;
border: 2px solid;
border-radius: 0px;
border-radius: 8px;
backdrop-filter: blur(10px);
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
@@ -434,12 +430,8 @@ span.word:after {
margin-top: 60px;
}
.features-text {
color: rgba(255, 255, 255, 0.8);
}
.insights-section {
max-width: 900px;
max-width: 1000px;
}
.insights-panel {
@@ -466,14 +458,6 @@ span.word:after {
margin-right: 50px;
}
.insights-text {
color: rgba(255, 255, 255, 0.6);
}
.insights-panel-text {
color: rgba(255, 255, 255, 0.8);
}
.questions-panel {
max-width: 700px;
border-radius: 8px;
@@ -651,8 +635,8 @@ span.word:after {
}
.section {
padding-top: 6rem;
padding-bottom: 6rem;
padding-top: 8rem;
padding-bottom: 8rem;
}
.cta-right {
templates/storyteller-stream/tts-configs.html
+2 -2
View File
@@ -120,7 +120,7 @@
<div class="tab-content pt-4" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-bits" role="tabpanel" aria-labelledby="pills-bits-tab">
<h2 class="d-flex fw-bold align-items-center"><img class="me-3" src="assets/bits-icon.png" height="34" alt="">Bits / Cheers</h2>
<p class="lead">These settings are best for small and medium-sized channels.</p>
<p class="fs-5">These settings are best for small and medium-sized channels.</p>
<div class="d-flex flex-column gap-3 mt-4">
<button class="btn btn-primary w-100"><i class="fa-solid fa-plus me-2"></i>Create New Bits / Cheer Rule</button>
<button class="btn btn-secondary w-100"><i class="fa-solid fa-sort me-2"></i>Reorder Rules</button>
@@ -154,7 +154,7 @@
<div class="tab-pane fade" id="pills-cp" role="tabpanel" aria-labelledby="pills-cp-tab">
<h2 class="d-flex fw-bold align-items-center"><img class="me-3" src="assets/channel-points-icon.png" height="34" alt="">Channel Points / Rewards</h2>
<p class="lead">These settings are best for small channels.</p>
<p class="fs-5">These settings are best for small channels.</p>
<div class="d-flex flex-column gap-3 mt-4">
<button class="btn btn-primary w-100"><i class="fa-solid fa-plus me-2"></i>Create Channel Points Rule</button>
<button class="btn btn-secondary w-100"><i class="fa-solid fa-sort me-2"></i>Reorder Rules</button>