Skip to content
Snippets Groups Projects
Select Git revision
  • a29992448e87b8f2e2cb58f4c3d3b9c651649141
  • test default protected
  • master protected
  • feat/custom-css
  • feat/redesign-improvements-10
  • feat/redesign-improvements-8
  • feat/redesign-fixes-3
  • feat/pirstan-changes
  • feat/separate-import-thread
  • feat/dary-improvements
  • features/add-pdf-page
  • features/add-typed-table
  • features/fix-broken-calendar-categories
  • features/add-embed-to-articles
  • features/create-mastodon-feed-block
  • features/add-custom-numbering-for-candidates
  • features/add-timeline
  • features/create-wordcloud-from-article-page
  • features/create-collapsible-extra-legal-info
  • features/extend-hero-banner
  • features/add-link-to-images
21 results

tailwind.config.js

Blame
  • Footer.jsx 3.60 KiB
    import React from "react";
    import { NavLink } from "react-router-dom";
    
    const Footer = () => {
      return (
        <footer className="footer bg-grey-700 text-white">
          <div className="footer__main py-4 lg:py-16 container container--default">
            <section className="footer__brand">
              <img
                src={`${process.env.REACT_APP_STYLEGUIDE_URL}/images/logo-full-white.svg`}
                alt=""
                className="w-32 md:w-40 pb-6"
              />
              <p className="para hidden md:block md:mb-4 lg:mb-0 text-grey-200">
                Piráti, 2021. Všechna práva vyhlazena. Sdílejte a nechte ostatní
                sdílet za stejných podmínek.
              </p>
            </section>
            <section className="footer__main-links bg-grey-700 text-white lg:grid grid-cols-3 gap-4">
              <div className="pt-8 pb-4 lg:py-0">
                <div className="footer-collapsible">
                  <span className="text-xl uppercase text-white footer-collapsible__toggle">
                    CF 2021
                  </span>{" "}
                  <div className="">
                    <ul className="mt-6 space-y-2 text-grey-200">
                      <li>
                        <NavLink to="/">Přímý přenos</NavLink>
                      </li>
                      <li>
                        <NavLink to="/program">Program</NavLink>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
              <div className="py-4 lg:py-0 border-t border-grey-400 lg:border-t-0">
                <div className="footer-collapsible">
                  <span className="text-xl uppercase text-white footer-collapsible__toggle">
                    Otevřenost
                  </span>{" "}
                  <div className="">
                    <ul className="mt-6 space-y-2 text-grey-200">
                      <li>
                        <a href="https://ucet.pirati.cz">Transparentní účet</a>
                      </li>{" "}
                      <li>
                        <a href="https://smlouvy.pirati.cz">Registr smluv</a>
                      </li>{" "}
                      <li>
                        <a href="https://wiki.pirati.cz/fo/otevrene_ucetnictvi">
                          Otevřené účetnictví
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </section>
            <section className="footer__social lg:text-right">
              <div className="flex flex-col md:flex-row lg:flex-col lg:items-end space-y-2 md:space-y-0 md:space-x-2 lg:space-x-0 lg:space-y-2">
                <a
                  href="https://dary.pirati.cz"
                  rel="noopener noreferrer"
                  target="_blank"
                  className="btn btn--icon btn--cyan-200 btn--hoveractive text-lg btn--fullwidth sm:btn--autowidth"
                >
                  <div className="btn__body-wrap">
                    <div className="btn__body ">Přispěj</div>{" "}
                    <div className="btn__icon ">
                      <i className="ico--pig"></i>
                    </div>
                  </div>
                </a>{" "}
                <a
                  href="https://nalodeni.pirati.cz"
                  rel="noopener noreferrer"
                  target="_blank"
                  className="btn btn--icon btn--blue-300 btn--hoveractive text-lg btn--fullwidth sm:btn--autowidth"
                >
                  <div className="btn__body-wrap">
                    <div className="btn__body ">Naloď se</div>{" "}
                    <div className="btn__icon ">
                      <i className="ico--anchor"></i>
                    </div>
                  </div>
                </a>
              </div>
            </section>
          </div>
        </footer>
      );
    };
    
    export default Footer;