Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add www.flanksource.com footer to docs #311

Open
moshloop opened this issue Nov 21, 2024 · 0 comments
Open

Add www.flanksource.com footer to docs #311

moshloop opened this issue Nov 21, 2024 · 0 comments

Comments

@moshloop
Copy link
Member

<div>
  <style
    dangerouslySetInnerHTML={{
      __html:
        "@media (max-width:479px) {\n/* DivMagic Note: Tailwind does not support max-width. We will fix this soon. */\n\n#div-1 {\nmargin-top: 0 !important; overflow: hidden !important;\n}\n#div-2 {\npadding-top: 40px !important; justify-content: flex-start !important;\n}\n#div-3 {\nflex-direction: column !important; justify-content: flex-start !important;\n}\n#div-4 {\ngrid-template-rows: auto auto auto !important; grid-template-columns: 1fr 1fr !important; padding-top: 0 !important; padding-bottom: 24px !important;\n}\n#div-5 {\npadding-bottom: 60px !important;\n}\n}\n@media (max-width:991px) {\n/* DivMagic Note: Tailwind does not support max-width. We will fix this soon. */\n\n#div-2 {\nflex-direction: column !important; align-items: flex-start !important; padding-top: 60px !important; padding-bottom: 60px !important;\n}\n#div-3 {\ngrid-template-columns: 1fr 1fr 1fr !important;\n}\n#a-1 {\nmargin-bottom: 10px !important;\n}\n#div-4 {\nalign-items: flex-start !important; padding-top: 12px !important; grid-area: span 1/span 3/span 1/span 3 !important;\n}\n#div-5 {\njustify-content: flex-start !important;\n}\n#div-6 {\nmargin-right: 40px !important;\n}\n#div-7 {\nmargin-right: 0 !important;\n}\n#div-8 {\nmargin-left: auto !important;\n}\n#a-3 {\nmargin-right: 18px !important;\n}\n#a-4 {\nmargin-right: 0 !important;\n}\n}\n@media (max-width:767px) {\n/* DivMagic Note: Tailwind does not support max-width. We will fix this soon. */\n\n#div-2 {\nwidth: 90% !important; padding-bottom: 40px !important;\n}\n#div-3 {\npadding-bottom: 0 !important;\n}\n#a-1 {\nmargin-bottom: 0 !important;\n}\n#div-4 {\ngrid-template-rows: auto auto !important; grid-template-columns: 1fr 1fr 1fr !important;\n}\n#div-5 {\nflex-direction: column !important; padding-bottom: 50px !important;\n}\n#a-2 {\nmargin-bottom: 0 !important;\n}\n#div-7 {\nmargin-top: 20px !important; margin-left: 0 !important;\n}\n#div-8 {\nmargin-top: 20px !important; margin-left: 0 !important;\n}\n#a-3 {\nmargin-right: 32px !important;\n}\n#a-4 {\nmargin-right: 32px !important;\n}\n}\n",
    }}
  />

  <div className="text-gray-700 text-lg bg-slate-800" id="div-1">
    <div className="items-stretch border-b-2 flex-col justify-between pt-72 flex w-[85%] max-w-7xl pb-0 border-gray-700 border-solid m-auto" id="div-2">
      <div
        className="border-b-2 gap-x-[1.88rem] auto-cols-fr grid-rows-[auto] justify-between pb-8 gap-y-4 flex border-gray-700 border-solid"
        id="div-3"
        style={{
          gridTemplateAreas: '". Area"',
        }}>
        <a className="text-blue-700 inline-block h-auto max-w-full" href="https://www.flanksource.com/" id="a-1">
          <img className="cursor-pointer object-contain align-middle inline-block w-44 h-full max-w-full max-h-full" src="https://cdn.prod.website-files.com/62c72370a0f3f0f10d12b623/62dfd776960a6ec17dde933a_white_Logo%20.svg" />
        </a>
        <div className="items-center gap-x-[5.63rem] auto-cols-fr grid-cols-[1fr_1fr_1fr_1fr_1fr_1fr] grid-rows-[auto] gap-y-4 flex text-white" id="div-4">
          <a className="mb-3" href="https://www.flanksource.com/about">
            About
          </a>
          <a className="mb-3" href="https://www.flanksource.com/blog">
            Blog
          </a>
          <a className="mb-3" href="https://docs.flanksource.com/">
            Docs
          </a>
          <a className="mb-3" href="https://www.flanksource.com/careers">
            Careers
          </a>
          <a className="mb-3" href="https://www.flanksource.com/contact">
            Contact
          </a>
        </div>
      </div>
      <div className="text-white/[0.8] items-start justify-between py-8 flex" id="div-5">
        <div id="div-6">
          © All rights reserved.{" "}
          <a className="text-sky-400 inline-block mb-3" href="https://www.flanksource.com/" id="a-2">
            Flanksource Inc.
          </a>
        </div>
        <div className="gap-x-10 flex mr-16 ml-auto text-sm text-white/[0.5]" id="div-7">
          <a className="mb-3" href="https://www.flanksource.com/privacy">
            Privacy Policy
          </a>
          <a className="mb-3" href="https://www.flanksource.com/terms">
            Terms and Conditions
          </a>
        </div>
        <div className="items-center justify-start flex text-blue-700" id="div-8">
          <a className="items-center flex-col justify-center flex max-w-full mr-7" href="https://github.com/flanksource" id="a-3">
            <img className="cursor-pointer object-contain align-middle inline-block w-6 h-full max-w-full max-h-full" src="https://cdn.prod.website-files.com/62c72370a0f3f0f10d12b623/62dfe7cab83ee8f603eafb30_github.svg" />
          </a>
          <a className="items-center flex-col justify-center flex max-w-full mr-0" href="https://www.linkedin.com/company/flanksource/" id="a-4">
            <img className="cursor-pointer object-contain align-middle inline-block w-5 h-full max-w-full max-h-full" src="https://cdn.prod.website-files.com/62c72370a0f3f0f10d12b623/62c72370a0f3f03e0912b65f_Group%2027.svg" />
          </a>
        </div>
      </div>
    </div>
  </div>
</div>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant