[ADD] buttons

main/ui-main/dependencyGraph.json

-{"version":1,"timestamp":1660333796267,"graph":{"options":{"directed":true,"multigraph":false,"compound":false},"nodes":[{"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":"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/header.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":"atoms/flag.hbs","value":{"compileState":"clean"}},{"v":"atoms/icons.hbs","value":{"compileState":"clean"}}],"edges":[{"v":"organisms/twitter-section.hbs","w":"molecules/twitter-box.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/contact.hbs","w":"templates/contact.hbs","value":{}},{"v":"pages/homepage.hbs","w":"templates/homepage.hbs","value":{}}]}}
+{"version":1,"timestamp":1660335908536,"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":"atoms/flag.hbs","value":{"compileState":"clean"}},{"v":"atoms/icons.hbs","value":{"compileState":"clean"}},{"v":"organisms/footer.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":"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":"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"}}],"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":"pages/contact.hbs","w":"templates/contact.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/homepage.hbs","w":"templates/homepage.hbs","value":{}}]}}

main/ui-main/source/_data/data.json

+{
+  "btn-text": "Text na tlačítku"
+}
\ No newline at end of file

main/ui-main/source/_patterns/atoms/buttons/button-animated.hbs

+<a href="" class="btn btn__slide__wrap">
+          <span class="btn bg-black text-white w-32">
+            {{ btn-text }}
+          </span>
+  <span class="btn bg-white text-black w-32">
+    {{ btn-text }}
+  </span>
+</a>
\ No newline at end of file

main/ui-main/source/_patterns/organisms/twitter-section.hbs

@@ -9,13 +9,6 @@
     {{> molecules-twitter-box }}
   </div>
   <div class="flex justify-center">
-        <a href="" class="btn btn__slide__wrap">
-          <span class="btn bg-black text-white w-32">
-            Zobrazit starší
-          </span>
-            <span class="btn bg-white text-black w-32">
-            Zobrazit starší
-          </span>
-        </a>
+    {{> atoms-button-animated }}
   </div>
 </div>
\ No newline at end of file