diff --git a/main/ui-main/dependencyGraph.json b/main/ui-main/dependencyGraph.json
index f33589ebcb08d2ddb0b25a26d36da58e4021acad..9e0c717dd537e5e9eac73da64f532f652c45ba2c 100644
--- a/main/ui-main/dependencyGraph.json
+++ b/main/ui-main/dependencyGraph.json
@@ -1 +1 @@
-{"version":1,"timestamp":1660336250657,"graph":{"options":{"directed":true,"multigraph":false,"compound":false},"nodes":[{"v":"molecules/simple_header.hbs","value":{"compileState":"clean","lineagePattern":"templates-contact","lineagePath":"../../patterns/templates-contact/templates-contact.rendered.html"}},{"v":"molecules/twitter-box.hbs","value":{"compileState":"clean","lineagePattern":"organisms-twitter-section","lineagePath":"../../patterns/organisms-twitter-section/organisms-twitter-section.rendered.html"}},{"v":"pages/homepage.hbs","value":{"compileState":"clean"}},{"v":"pages/contact.hbs","value":{"compileState":"clean"}},{"v":"organisms/header.hbs","value":{"compileState":"clean","lineagePattern":"templates-homepage","lineagePath":"../../patterns/templates-homepage/templates-homepage.rendered.html"}},{"v":"organisms/footer.hbs","value":{"compileState":"clean","lineagePattern":"templates-homepage","lineagePath":"../../patterns/templates-homepage/templates-homepage.rendered.html"}},{"v":"organisms/twitter-section.hbs","value":{"compileState":"clean","lineagePattern":"templates-homepage","lineagePath":"../../patterns/templates-homepage/templates-homepage.rendered.html"}},{"v":"templates/contact.hbs","value":{"compileState":"clean","lineagePattern":"pages-contact","lineagePath":"../../patterns/pages-contact/pages-contact.rendered.html"}},{"v":"templates/homepage.hbs","value":{"compileState":"clean","lineagePattern":"pages-homepage","lineagePath":"../../patterns/pages-homepage/pages-homepage.rendered.html"}},{"v":"atoms/flags/flag.hbs","value":{"compileState":"clean"}},{"v":"atoms/buttons/button-animated.hbs","value":{"compileState":"clean","lineagePattern":"organisms-twitter-section","lineagePath":"../../patterns/organisms-twitter-section/organisms-twitter-section.rendered.html"}},{"v":"atoms/icons/icons.hbs","value":{"compileState":"clean"}}],"edges":[{"v":"organisms/twitter-section.hbs","w":"molecules/twitter-box.hbs","value":{}},{"v":"organisms/twitter-section.hbs","w":"atoms/buttons/button-animated.hbs","value":{}},{"v":"templates/contact.hbs","w":"organisms/header.hbs","value":{}},{"v":"templates/contact.hbs","w":"molecules/simple_header.hbs","value":{}},{"v":"templates/contact.hbs","w":"organisms/footer.hbs","value":{}},{"v":"templates/homepage.hbs","w":"organisms/header.hbs","value":{}},{"v":"templates/homepage.hbs","w":"organisms/twitter-section.hbs","value":{}},{"v":"templates/homepage.hbs","w":"organisms/footer.hbs","value":{}},{"v":"pages/homepage.hbs","w":"templates/homepage.hbs","value":{}},{"v":"pages/contact.hbs","w":"templates/contact.hbs","value":{}}]}}
+{"version":1,"timestamp":1660337644488,"graph":{"options":{"directed":true,"multigraph":false,"compound":false},"nodes":[{"v":"molecules/simple_header.hbs","value":{"compileState":"clean","lineagePattern":"templates-contact","lineagePath":"../../patterns/templates-contact/templates-contact.rendered.html"}},{"v":"molecules/twitter-box.hbs","value":{"compileState":"clean","lineagePattern":"organisms-twitter-section","lineagePath":"../../patterns/organisms-twitter-section/organisms-twitter-section.rendered.html"}},{"v":"organisms/footer.hbs","value":{"compileState":"clean","lineagePattern":"templates-homepage","lineagePath":"../../patterns/templates-homepage/templates-homepage.rendered.html"}},{"v":"organisms/twitter-section.hbs","value":{"compileState":"clean","lineagePattern":"templates-homepage","lineagePath":"../../patterns/templates-homepage/templates-homepage.rendered.html"}},{"v":"organisms/header.hbs","value":{"compileState":"clean","lineagePattern":"templates-homepage","lineagePath":"../../patterns/templates-homepage/templates-homepage.rendered.html"}},{"v":"templates/contact.hbs","value":{"compileState":"clean","lineagePattern":"pages-contact","lineagePath":"../../patterns/pages-contact/pages-contact.rendered.html"}},{"v":"templates/homepage.hbs","value":{"compileState":"clean","lineagePattern":"pages-homepage","lineagePath":"../../patterns/pages-homepage/pages-homepage.rendered.html"}},{"v":"pages/contact.hbs","value":{"compileState":"clean"}},{"v":"pages/homepage.hbs","value":{"compileState":"clean"}},{"v":"atoms/buttons/button-animated.hbs","value":{"compileState":"clean","lineagePattern":"organisms-twitter-section","lineagePath":"../../patterns/organisms-twitter-section/organisms-twitter-section.rendered.html"}},{"v":"atoms/icons/icons.hbs","value":{"compileState":"clean"}},{"v":"atoms/flags/flag.hbs","value":{"compileState":"clean"}}],"edges":[{"v":"templates/contact.hbs","w":"organisms/header.hbs","value":{}},{"v":"templates/contact.hbs","w":"molecules/simple_header.hbs","value":{}},{"v":"templates/contact.hbs","w":"organisms/footer.hbs","value":{}},{"v":"templates/homepage.hbs","w":"organisms/header.hbs","value":{}},{"v":"templates/homepage.hbs","w":"organisms/twitter-section.hbs","value":{}},{"v":"templates/homepage.hbs","w":"organisms/footer.hbs","value":{}},{"v":"organisms/twitter-section.hbs","w":"molecules/twitter-box.hbs","value":{}},{"v":"organisms/twitter-section.hbs","w":"atoms/buttons/button-animated.hbs","value":{}},{"v":"pages/contact.hbs","w":"templates/contact.hbs","value":{}},{"v":"pages/homepage.hbs","w":"templates/homepage.hbs","value":{}}]}}
diff --git a/main/ui-main/source/_data/data.json b/main/ui-main/source/_data/data.json
index 6de1c95f1f78d1ee03851d4cb6fb0bb5ccb260f4..6f9c498f95f7fd68b066c6c0957162411352f7f3 100644
--- a/main/ui-main/source/_data/data.json
+++ b/main/ui-main/source/_data/data.json
@@ -1,3 +1,7 @@
{
- "btn-text": "Text na tlačítku"
+ "btn-text": "Text na tlačítku",
+ "headline": {
+ "short": "Cauliflower cheese cream cheese baby",
+ "medium": "Lancashire cheesy feet rubber cheese cheese and wine gouda the big chee"
+ }
}
\ No newline at end of file
diff --git a/main/ui-main/source/_patterns/organisms/twitter-section.hbs b/main/ui-main/source/_patterns/organisms/twitter-section.hbs
index dc7c266c578125a0f902a971baefb52e3ad3eb12..9129b10871fe8561f37e216ca5f39d9b738fd682 100644
--- a/main/ui-main/source/_patterns/organisms/twitter-section.hbs
+++ b/main/ui-main/source/_patterns/organisms/twitter-section.hbs
@@ -1,5 +1,5 @@
<div class="container--wide mx-auto pt-8 lg:py-16 mb-16">
- <h2 class="clear-both head-alt-md md:head-alt-lg pb-4 lg:pb-8 text-center">
+ <h2 class="head-alt-md md:head-alt-lg pb-4 lg:pb-8 text-center">
Co právě děláme
</h2>
<div class="mb-8 flex flex-wrap justify-center">
@@ -9,6 +9,6 @@
{{> molecules-twitter-box }}
</div>
<div class="flex justify-center">
- {{> atoms-button-animated }}
+ {{> atoms-button-animated btn-text="Zobrazit další" }}
</div>
</div>
\ No newline at end of file
diff --git a/main/ui-main/source/css/styles.css b/main/ui-main/source/css/styles.css
index 78eb0d61733d92a953be2dd832db1708fe07feec..8249a1d26bf5844e5c62ca67b12b50817548cad2 100644
--- a/main/ui-main/source/css/styles.css
+++ b/main/ui-main/source/css/styles.css
@@ -1992,6 +1992,22 @@ video {
margin-right: auto;
}
+.mr-2{
+ margin-right: 0.5rem;
+}
+
+.mb-36{
+ margin-bottom: 9rem;
+}
+
+.mb-2{
+ margin-bottom: 0.5rem;
+}
+
+.mb-4{
+ margin-bottom: 1rem;
+}
+
.mb-10{
margin-bottom: 2.5rem;
}
@@ -2024,32 +2040,20 @@ video {
margin-right: 1.25rem;
}
-.mb-2{
- margin-bottom: 0.5rem;
-}
-
.mb-1{
margin-bottom: 0.25rem;
}
-.mb-4{
- margin-bottom: 1rem;
-}
-
.mr-3{
margin-right: 0.75rem;
}
-.mr-2{
- margin-right: 0.5rem;
-}
-
.mr-16{
margin-right: 4rem;
}
-.mb-36{
- margin-bottom: 9rem;
+.mb-8{
+ margin-bottom: 2rem;
}
.mb-20{
@@ -2072,10 +2076,6 @@ video {
margin-bottom: 1.5rem;
}
-.mb-8{
- margin-bottom: 2rem;
-}
-
.mb-32{
margin-bottom: 8rem;
}
@@ -2088,10 +2088,6 @@ video {
margin-top: 6rem;
}
-.box-content{
- box-sizing: content-box;
-}
-
.flex{
display: flex;
}
@@ -2100,28 +2096,28 @@ video {
display: grid;
}
-.h-80{
- height: 20rem;
-}
-
.h-16{
height: 4rem;
}
+.h-80{
+ height: 20rem;
+}
+
.max-h-60{
max-height: 15rem;
}
-.w-full{
- width: 100%;
+.w-32{
+ width: 8rem;
}
-.w-48{
- width: 12rem;
+.w-40{
+ width: 10rem;
}
-.w-20{
- width: 5rem;
+.w-full{
+ width: 100%;
}
.w-60{
@@ -2132,6 +2128,14 @@ video {
width: 3rem;
}
+.w-48{
+ width: 12rem;
+}
+
+.w-20{
+ width: 5rem;
+}
+
.w-36{
width: 9rem;
}
@@ -2148,22 +2152,10 @@ video {
width: 4rem;
}
-.w-32{
- width: 8rem;
-}
-
-.w-40{
- width: 10rem;
-}
-
.w-80{
width: 20rem;
}
-.w-10{
- width: 2.5rem;
-}
-
.cursor-pointer{
cursor: pointer;
}
@@ -2226,40 +2218,35 @@ video {
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
-.bg-transparent{
- background-color: transparent;
-}
-
.bg-white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
-.bg-blue-300{
+.bg-grey-50{
--tw-bg-opacity: 1;
- background-color: rgb(2 125 168 / var(--tw-bg-opacity));
+ background-color: rgb(247 247 247 / var(--tw-bg-opacity));
}
-.bg-grey-50{
+.bg-transparent{
+ background-color: transparent;
+}
+
+.bg-blue-300{
--tw-bg-opacity: 1;
- background-color: rgb(247 247 247 / var(--tw-bg-opacity));
+ background-color: rgb(2 125 168 / var(--tw-bg-opacity));
}
.bg-no-repeat{
background-repeat: no-repeat;
}
-.p-4{
- padding: 1rem;
-}
-
.p-2{
padding: 0.5rem;
}
-.py-8{
- padding-top: 2rem;
- padding-bottom: 2rem;
+.p-4{
+ padding: 1rem;
}
.py-32{
@@ -2267,6 +2254,11 @@ video {
padding-bottom: 8rem;
}
+.py-8{
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+}
+
.py-4{
padding-top: 1rem;
padding-bottom: 1rem;
@@ -2285,14 +2277,6 @@ video {
padding-bottom: 0.5rem;
}
-.pl-44{
- padding-left: 11rem;
-}
-
-.pt-32{
- padding-top: 8rem;
-}
-
.pt-8{
padding-top: 2rem;
}
@@ -2301,6 +2285,14 @@ video {
padding-bottom: 1rem;
}
+.pl-44{
+ padding-left: 11rem;
+}
+
+.pt-32{
+ padding-top: 8rem;
+}
+
.pt-16{
padding-top: 4rem;
}
@@ -2325,6 +2317,14 @@ video {
font-size: 1.6rem;
}
+.text-2xs{
+ font-size: .65rem;
+}
+
+.text-7xl{
+ font-size: 5.3rem;
+}
+
.text-base{
font-size: 1rem;
}
@@ -2333,10 +2333,6 @@ video {
font-size: 1.3rem;
}
-.text-7xl{
- font-size: 5.3rem;
-}
-
.text-4xl{
font-size: 2.45rem;
}
@@ -2345,10 +2341,6 @@ video {
font-size: 1.875rem;
}
-.text-2xs{
- font-size: .65rem;
-}
-
.font-bold{
font-weight: 700;
}
@@ -2370,24 +2362,24 @@ video {
color: rgb(255 255 255 / var(--tw-text-opacity));
}
-.text-grey-300{
+.text-black{
--tw-text-opacity: 1;
- color: rgb(76 76 76 / var(--tw-text-opacity));
+ color: rgb(0 0 0 / var(--tw-text-opacity));
}
-.text-turquoise-500{
+.text-turquoise-400{
--tw-text-opacity: 1;
- color: rgb(37 165 185 / var(--tw-text-opacity));
+ color: rgb(27 192 227 / var(--tw-text-opacity));
}
-.text-turquoise-400{
+.text-grey-300{
--tw-text-opacity: 1;
- color: rgb(27 192 227 / var(--tw-text-opacity));
+ color: rgb(76 76 76 / var(--tw-text-opacity));
}
-.text-black{
+.text-turquoise-500{
--tw-text-opacity: 1;
- color: rgb(0 0 0 / var(--tw-text-opacity));
+ color: rgb(37 165 185 / var(--tw-text-opacity));
}
.text-green-500{
@@ -2400,11 +2392,6 @@ video {
text-decoration-line: underline;
}
-.no-underline{
- -webkit-text-decoration-line: none;
- text-decoration-line: none;
-}
-
.shadow-sm{
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
@@ -2556,14 +2543,14 @@ a.icon-link:hover span{
}
@media (min-width: 992px){
- .lg\:w-1\/2{
- width: 50%;
- }
-
.lg\:w-80{
width: 20rem;
}
+ .lg\:w-1\/2{
+ width: 50%;
+ }
+
.lg\:py-16{
padding-top: 4rem;
padding-bottom: 4rem;