decentralized-video-chat/public/react/Footer/index.js

137 lines
3.8 KiB
JavaScript

var GithubSvg = function GithubSvg() {
return React.createElement(
"svg",
{
width: "16",
height: "16",
viewBox: "0 0 16 16",
xmlns: "http://www.w3.org/2000/svg",
},
React.createElement("title", null, "GitHub"),
React.createElement("path", {
d:
"M7.95 0C3.578 0 0 3.578 0 7.95c0 3.479 2.286 6.46 5.466 7.553.397.1.497-.199.497-.397v-1.392c-2.187.497-2.683-.994-2.683-.994-.398-.894-.895-1.192-.895-1.192-.696-.497.1-.497.1-.497.795.1 1.192.795 1.192.795.696 1.292 1.888.894 2.286.696.1-.497.298-.895.497-1.093-1.79-.2-3.578-.895-3.578-3.976 0-.894.298-1.59.795-2.087-.1-.198-.397-.993.1-2.086 0 0 .695-.2 2.186.795a6.408 6.408 0 0 1 1.987-.299c.696 0 1.392.1 1.988.299 1.49-.994 2.186-.795 2.186-.795.398 1.093.199 1.888.1 2.086.496.597.795 1.292.795 2.087 0 3.081-1.889 3.677-3.677 3.876.298.398.596.895.596 1.59v2.187c0 .198.1.496.596.397C13.714 14.41 16 11.43 16 7.95 15.9 3.578 12.323 0 7.95 0z",
})
);
};
var Footer = function Footer() {
var renderBrand = function renderBrand() {
return React.createElement(
"div",
{ className: "brand" },
React.createElement(
"a",
{ href: "/" },
React.createElement("img", {
src: "images/logo.svg",
alt: "Neon",
width: "32",
height: "32",
})
)
);
};
var renderCopyright = function renderCopyright() {
var currentYear = new Date().getFullYear();
return React.createElement(
"div",
{ className: "footer-copyright" },
"\xA9 ",
currentYear,
" Zipcall, all rights reserved"
);
};
var renderSocials = function renderSocials() {
return React.createElement(
"div",
{ className: "footer-social" },
React.createElement(
"div",
null,
React.createElement(
"a",
{
target: "_blank",
href: "https://github.com/ianramzy/decentralized-video-chat",
},
React.createElement(GithubSvg, null)
)
)
);
};
var renderNav = function renderNav() {
return React.createElement(
"nav",
{ className: "footer-nav" },
React.createElement(
"ul",
{ className: "list-reset" },
React.createElement(
"li",
null,
React.createElement(
"a",
{ target: "_blank", href: "https://ianramzy.com" },
"Made with \u2764\uFE0F by Ian Ramzy"
)
),
React.createElement(
"li",
null,
React.createElement("a", { href: "#" }, "Contact")
),
React.createElement(
"li",
null,
React.createElement("a", { href: "#" }, "About us")
),
React.createElement(
"li",
null,
React.createElement("a", { href: "#" }, "FAQ's")
),
React.createElement(
"li",
null,
React.createElement("a", { href: "#" }, "Support")
)
)
);
};
return React.createElement(
"footer",
{ className: "site-footer center-content-mobile" },
React.createElement(
"div",
{ className: "container" },
React.createElement(
"div",
{ className: "site-footer-inner" },
React.createElement(
"div",
{ className: "footer-top space-between text-xxs" },
renderBrand(),
renderSocials()
),
React.createElement(
"div",
{
className:
"footer-bottom space-between text-xxs invert-order-desktop",
},
renderNav(),
renderCopyright()
)
)
)
);
};
var domContainer = document.getElementById("react-footer-container");
ReactDOM.render(React.createElement(Footer, null), domContainer);