mirror of
https://github.com/huggingface/transformers.git
synced 2025-08-02 03:01:07 +06:00
Added footer with social links.
This commit is contained in:
parent
331db8cc02
commit
c4bab2dc85
@ -113,6 +113,18 @@ a {
|
|||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__Social {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__CustomImage {
|
||||||
|
margin: 2px 5px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@ -1,18 +1,54 @@
|
|||||||
function addIcon() {
|
function addIcon() {
|
||||||
const huggingFaceLogo = "http://lysand.re/huggingface_logo.svg";
|
const huggingFaceLogo = "http://lysand.re/huggingface_logo.svg";
|
||||||
const image = document.createElement("img");
|
const image = document.createElement("img");
|
||||||
image.setAttribute("src", huggingFaceLogo)
|
image.setAttribute("src", huggingFaceLogo);
|
||||||
|
|
||||||
|
const div = document.createElement("div");
|
||||||
const div = document.createElement("div")
|
|
||||||
div.appendChild(image);
|
div.appendChild(image);
|
||||||
div.style.textAlign = 'center';
|
div.style.textAlign = 'center';
|
||||||
div.style.paddingTop = '30px';
|
div.style.paddingTop = '30px';
|
||||||
div.style.backgroundColor = '#6670FF'
|
div.style.backgroundColor = '#6670FF';
|
||||||
|
|
||||||
const scrollDiv = document.getElementsByClassName("wy-side-scroll")[0];
|
const scrollDiv = document.getElementsByClassName("wy-side-scroll")[0];
|
||||||
scrollDiv.prepend(div)
|
scrollDiv.prepend(div);
|
||||||
}
|
}
|
||||||
|
|
||||||
window.addEventListener("load", addIcon)
|
function addCustomFooter() {
|
||||||
|
const customFooter = document.createElement("div");
|
||||||
|
const questionOrIssue = document.createElement("div");
|
||||||
|
questionOrIssue.innerHTML = "Stuck? Read our <a href='https://medium.com/huggingface'>Blog posts</a> or <a href='https://github.com/huggingface/pytorch_transformers'>Create an issue</a>";
|
||||||
|
customFooter.appendChild(questionOrIssue);
|
||||||
|
customFooter.classList.add("footer");
|
||||||
|
|
||||||
|
const social = document.createElement("div");
|
||||||
|
social.classList.add("footer__Social");
|
||||||
|
|
||||||
|
const imageDetails = [
|
||||||
|
{ link: "https://huggingface.co", imageLink: "http://lysand.re/icons/website.svg" },
|
||||||
|
{ link: "https://twitter.com/huggingface", imageLink: "http://lysand.re/icons/twitter.svg" },
|
||||||
|
{ link: "https://github.com/huggingface", imageLink: "http://lysand.re/icons/github.svg" },
|
||||||
|
{ link: "https://www.linkedin.com/company/huggingface/", imageLink: "http://lysand.re/icons/linkedin.svg" }
|
||||||
|
];
|
||||||
|
|
||||||
|
imageDetails.forEach(imageLinks => {
|
||||||
|
const link = document.createElement("a");
|
||||||
|
const image = document.createElement("img");
|
||||||
|
image.src = imageLinks.imageLink;
|
||||||
|
link.href = imageLinks.link;
|
||||||
|
image.style.width = "30px";
|
||||||
|
image.classList.add("footer__CustomImage");
|
||||||
|
link.appendChild(image);
|
||||||
|
social.appendChild(link);
|
||||||
|
});
|
||||||
|
|
||||||
|
customFooter.appendChild(social);
|
||||||
|
document.getElementsByTagName("footer")[0].appendChild(customFooter);
|
||||||
|
}
|
||||||
|
|
||||||
|
function onLoad() {
|
||||||
|
addIcon();
|
||||||
|
addCustomFooter();
|
||||||
|
}
|
||||||
|
|
||||||
|
window.addEventListener("load", onLoad);
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user