From 47d37a71b3656b2ec93d64c40ee1b76072f96568 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=A0t=C4=9Bp=C3=A1n=20Farka?= <stepanfarka11@gmail.com> Date: Fri, 12 Aug 2022 22:25:48 +0200 Subject: [PATCH] [ADD] buttons --- main/ui-main/dependencyGraph.json | 2 +- main/ui-main/source/_data/data.json | 3 ++ .../atoms/buttons/button-animated.hbs | 8 +++++ .../_patterns/organisms/twitter-section.hbs | 31 +++++++------------ 4 files changed, 24 insertions(+), 20 deletions(-) create mode 100644 main/ui-main/source/_data/data.json create mode 100644 main/ui-main/source/_patterns/atoms/buttons/button-animated.hbs diff --git a/main/ui-main/dependencyGraph.json b/main/ui-main/dependencyGraph.json index 1ddf8e754..d6f9a7d33 100644 --- a/main/ui-main/dependencyGraph.json +++ b/main/ui-main/dependencyGraph.json @@ -1 +1 @@ -{"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":{}}]}} diff --git a/main/ui-main/source/_data/data.json b/main/ui-main/source/_data/data.json new file mode 100644 index 000000000..6de1c95f1 --- /dev/null +++ b/main/ui-main/source/_data/data.json @@ -0,0 +1,3 @@ +{ + "btn-text": "Text na tlačítku" +} \ No newline at end of file diff --git a/main/ui-main/source/_patterns/atoms/buttons/button-animated.hbs b/main/ui-main/source/_patterns/atoms/buttons/button-animated.hbs new file mode 100644 index 000000000..12178c076 --- /dev/null +++ b/main/ui-main/source/_patterns/atoms/buttons/button-animated.hbs @@ -0,0 +1,8 @@ +<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 diff --git a/main/ui-main/source/_patterns/organisms/twitter-section.hbs b/main/ui-main/source/_patterns/organisms/twitter-section.hbs index 2a0d40ffa..dc7c266c5 100644 --- a/main/ui-main/source/_patterns/organisms/twitter-section.hbs +++ b/main/ui-main/source/_patterns/organisms/twitter-section.hbs @@ -1,21 +1,14 @@ <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"> - Co právě děláme - </h2> - <div class="mb-8 flex flex-wrap justify-center"> - {{> molecules-twitter-box }} - {{> molecules-twitter-box }} - {{> molecules-twitter-box }} - {{> 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> - </div> + <h2 class="clear-both 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"> + {{> molecules-twitter-box }} + {{> molecules-twitter-box }} + {{> molecules-twitter-box }} + {{> molecules-twitter-box }} + </div> + <div class="flex justify-center"> + {{> atoms-button-animated }} + </div> </div> \ No newline at end of file -- GitLab