Um zu zeigen, dass wir das Fediverse klar favorisieren, haben wir mal die Reihenfolge im #Footer unserer Webseite angepasst.

#CiaoTwitter
#HelloMastodon

@Wyndix Maybe this way ?

The simplest way maybe using plain HTML.

<embed type="text/html" src="header.html">

or:

<object name="foo" type="text/html" data="header.html"></object>

Next would be using the JQuery load() function which can be used for including a common header and footer. Code should be like

<script>
$("#header").load("header.html");
$("#footer").load("footer.html");
</script>

For those about to dig into HTML or invent some javascript: You shouldn't necessarily be updating the #footer #copyright year annually. You don't need a footer date at all - if you do it should show when the content was first published.
Articles can show their publication dates individually.
If you're keen to have one, you can show original date through last-update date. Only showing the most recent year, you're implicitly releasing your prior work, which might be hard to defend later.

/* 画面右の新着まとめや新着コメントを消す */
aside.right {
display: none;
}

/* 隙間が空いたのでまとめ部分を中央に */
div.left{
float: none !important;
margin-left: auto;
margin-right: auto;
}

/* 閲覧数・コメント数・その隣にあるシェアボタンを消す*/
ul.info_status>li:nth-child(n+2) {
display: none;
}

/* お気に入りにしたユーザ, お気に入りされた数を消す */
div.favorite_box>div.user_icons {
display: none;
}
.fav_count {
display: none;
}

/* 「あわせて読みたい」を消す */
div.related_list_box {
display: none;
}

/* サムネイル付き別まとめへのリンクを消す */
div.thumb_list_box {
display: none;
}

/* なんかでかい空間ができたので消す */
div.ad_custom_fluid {
display: none;
}

/* コメントを消す */
#comment_box {
display: none;
}

/* Twitterシェアカウントを消す */
div.count-o {
display: none;
}

/* はてブボタンを消す */
div.social_floating_box>ul>li:nth-child(2) {
display: none;
}
iframe.hatena-bookmark-button-frame {
display: none;
}

/* facebookシェアカウントを消す */
a.facebook_btn>span>span {
display: none;
}

/* Pocketボタンを消す */
div.social_floating_box>ul>li:nth-child(4) {
display: none;
}

/* ページ下部のSNSボタンのシェア数を消す */
#fixed_social_footer>div.left a>span {
display: none;
}

/* 特集タグを消す */
#footer>div.inner>ul>li:nth-child(3) {
display: none;
}

https://webaim.org/techniques/keyboard/accesskey#spec

Access keys don't work.

I was thinking about possible alternatives.

The simplest alternative IMO is a link to a target

Or a sort of table of contents

<ul>
<li><a href="#main">Main</a></li>
<li><a href="#header">Header</a></li>
<li><a href="#footer">Footer</a></li>
</ul>

If you place the Main link at the top of the page you can kill 2 birds with one stone and have it work as a skip link

@la add a snippet of code to your custom CSS editor:

#footer {
display : none !important;
}

❓ #question

J'ai besoin de toi Fédivers !

Est ce que parmi vous certains utilisent grav ?

Si oui est ce que quelqu'un pourrait m'aider a modifier le footer du site en sachant que j'utilise le thème darkquark.

D'avance merci à vous ! 😉

#grav #yunohost #footer

@ben

<script type="text/javascript">//

<![CDATA[

$(document).ready(function() {
var windowURL = window.location.href;
console.log(windowURL);
if (windowURL.indexOf('nofooter') > -1) {
$('#container__footer').css('display', 'none');
$('#footer').css('display', 'none');
}

});

// ]]>

</script>

anyone know anything about javascript and why it isn't giving me errors but does nothing?

using html script tags with

$(document).ready(function(){
$("iframe").contents().find("#footer").hide();
});

names are correct but did i miss identifying something? does contents or function need to be defined?

Web Page Footers 101: Design Patterns and When to Use Each
https://www.nngroup.com/articles/footers/

De l'utilisation des footers sur les sites web.
#footer #web #ux — https://links.kalvn.net/?XMjt3g