xssbook

From b6fbeb512405542af0aed11ca123b7ac8ee0b04d Mon Sep 17 00:00:00 2001 From: Tyler Murphy Date: Mon, 13 Feb 2023 22:41:09 -0500 Subject: fix seo --- public/404.html | 15 +++++++++++++-- public/admin.html | 15 +++++++++++++-- public/css/main.css | 8 ++++++-- public/home.html | 15 ++++++++++++++- public/js/components.js | 37 ++++++++++++++++++++++++------------- public/js/home.js | 6 +++--- public/js/main.js | 11 ++++++++--- public/js/people.js | 4 ++-- public/login.html | 17 +++++++++++++++-- public/people.html | 15 ++++++++++++++- public/profile.html | 16 +++++++++++++++- public/robots.txt | 9 +++++++++ 12 files changed, 136 insertions(+), 32 deletions(-) create mode 100644 public/robots.txt (limited to 'public') diff --git a/public/404.html b/public/404.html index c89d93d..4a382c0 100644 --- a/public/404.html +++ b/public/404.html @@ -2,11 +2,22 @@ + + XSSBook - Not Found + + + + + + + + + + + - - XSSBook - Not Found

diff --git a/public/admin.html b/public/admin.html index 2d2bcd6..cb68302 100644 --- a/public/admin.html +++ b/public/admin.html @@ -2,11 +2,22 @@ + + XSSBook - Admin Panel + + + + + + + + + + + - - XSSBook - Admin Panel

diff --git a/public/css/main.css b/public/css/main.css index 4819f38..d5ac0bf 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -28,16 +28,19 @@ body { @font-face { font-family: facebook; src: url("../fonts/facebook.otf") format("opentype"); + font-display: swap; } @font-face { font-family: sfpro; src: url("../fonts/sfpro.otf") format("opentype"); + font-display: swap; } @font-face { font-family: sfprobold; src: url("../fonts/sfprobold.otf") format("opentype"); + font-display: swap; } .logo { @@ -322,14 +325,15 @@ form { width: 100%; } -#load { +#load, .cload { width: 100%; display: flex; justify-content: center; padding-bottom: 20px; + cursor: pointer; } -#load a:hover { +#load span:hover, .cload span:hover { border-bottom: var(--medium) 1px solid; } diff --git a/public/home.html b/public/home.html index 5cc7776..6ba4a5a 100644 --- a/public/home.html +++ b/public/home.html @@ -2,10 +2,23 @@ + + XSSBook - Home + + + + + + + + + + + - XSSBook - Home + diff --git a/public/js/components.js b/public/js/components.js index 9816457..7e2a268 100644 --- a/public/js/components.js +++ b/public/js/components.js @@ -7,23 +7,23 @@ export function header(home, people, user_id) { return [ div({id: 'header'}, span({class: 'logo'}, - a({href: '/'}, + a({href: '/', 'aria-label': 'xssbook.com'}, parse('xssbook') ) ), div({class: 'buttons'}, - a({id: 'home', class: home ? 'selected' : '', href: 'home'}, + a({id: 'home', class: home ? 'selected' : '', href: '/home', 'aria-label': 'xssbook home page'}, svg({viewBox: '0 0 28 28', fill: 'currentColor', height: '28', width: '28'}, path({d: "M25.825 12.29C25.824 12.289 25.823 12.288 25.821 12.286L15.027 2.937C14.752 2.675 14.392 2.527 13.989 2.521 13.608 2.527 13.248 2.675 13.001 2.912L2.175 12.29C1.756 12.658 1.629 13.245 1.868 13.759 2.079 14.215 2.567 14.479 3.069 14.479L5 14.479 5 23.729C5 24.695 5.784 25.479 6.75 25.479L11 25.479C11.552 25.479 12 25.031 12 24.479L12 18.309C12 18.126 12.148 17.979 12.33 17.979L15.67 17.979C15.852 17.979 16 18.126 16 18.309L16 24.479C16 25.031 16.448 25.479 17 25.479L21.25 25.479C22.217 25.479 23 24.695 23 23.729L23 14.479 24.931 14.479C25.433 14.479 25.921 14.215 26.132 13.759 26.371 13.245 26.244 12.658 25.825 12.29"}) ) ), - a({id: 'people', class: people ? 'selected' : '', href: 'people'}, + a({id: 'people', class: people ? 'selected' : '', href: '/people', 'aria-label': 'xssbook people page'}, svg({viewBox: '0 0 28 28', fill: 'currentColor', height: '28', width: '28'}, path({d: "M10.5 4.5c-2.272 0-2.75 1.768-2.75 3.25C7.75 9.542 8.983 11 10.5 11s2.75-1.458 2.75-3.25c0-1.482-.478-3.25-2.75-3.25zm0 8c-2.344 0-4.25-2.131-4.25-4.75C6.25 4.776 7.839 3 10.5 3s4.25 1.776 4.25 4.75c0 2.619-1.906 4.75-4.25 4.75zm9.5-6c-1.41 0-2.125.841-2.125 2.5 0 1.378.953 2.5 2.125 2.5 1.172 0 2.125-1.122 2.125-2.5 0-1.659-.715-2.5-2.125-2.5zm0 6.5c-1.999 0-3.625-1.794-3.625-4 0-2.467 1.389-4 3.625-4 2.236 0 3.625 1.533 3.625 4 0 2.206-1.626 4-3.625 4zm4.622 8a.887.887 0 00.878-.894c0-2.54-2.043-4.606-4.555-4.606h-1.86c-.643 0-1.265.148-1.844.413a6.226 6.226 0 011.76 4.336V21h5.621zm-7.122.562v-1.313a4.755 4.755 0 00-4.749-4.749H8.25A4.755 4.755 0 003.5 20.249v1.313c0 .518.421.938.937.938h12.125c.517 0 .938-.42.938-.938zM20.945 14C24.285 14 27 16.739 27 20.106a2.388 2.388 0 01-2.378 2.394h-5.81a2.44 2.44 0 01-2.25 1.5H4.437A2.44 2.44 0 012 21.562v-1.313A6.256 6.256 0 018.25 14h4.501a6.2 6.2 0 013.218.902A5.932 5.932 0 0119.084 14h1.861z"}) ) ) ), - a({class: 'pfp', id: 'profile', href: 'profile'}, + a({class: 'pfp', id: 'profile', href: '/profile', 'aria-label': 'your xssbook profile'}, user_id === undefined ? parse('') : pfp(user_id) ) ), @@ -49,7 +49,7 @@ export function parsePost(post, users, self) { return ( div({class: 'post', postid: post.post_id}, div({class: 'postheader'}, - a({class: 'pfp', href: `/profile?id=${author.user_id}`}, + a({class: 'pfp', href: `/profile?id=${author.user_id}`, 'aria-label': 'Post author profile like'}, pfp(author.user_id) ), div({class: 'postname'}, @@ -110,7 +110,18 @@ export function parsePost(post, users, self) { parse('Like') ) ), - span({onclick: () => this.parentElement.parentElement.getElementsByClassName('newcomment')[0].focus()}, + span({onclick: (event) => { + + var post = event.target; + while(post.parentElement) { + post = post.parentElement + if (post.getAttribute('postid')) { + break; + } + } + + post.getElementsByClassName('comments')[0].getElementsByClassName('newcomment')[0].focus() + }}, i({class: 'icons comm'}), span({class: 'bold'}, parse('Comment') @@ -122,8 +133,8 @@ export function parsePost(post, users, self) { div({class: 'comment commentsubmit', style: 'margin-top: 0'}), ...comments, comments.length > 0 ? - div({id: 'load', class: 'load', style: 'justify-content: inherit; margin-left: 3.5em; font-size: .9em; margin-bottom: -.5em;'}, - a({class: 'blod gtext', onclick: async (event) => { + div({class: 'cload', style: 'justify-content: inherit; margin-left: 3.5em; font-size: .9em; margin-bottom: -.5em;'}, + span({class: 'blod gtext', onclick: async (event) => { page++; @@ -148,7 +159,7 @@ export function parsePost(post, users, self) { ) : parse(''), div({class: 'comment commentsubmit'}, - a({class: 'pfp', href: 'profile'}, + a({class: 'pfp', href: '/profile', 'aria-label': 'Your profile link'}, pfp(self.user_id) ), form({onsubmit: async (event) => { @@ -173,7 +184,7 @@ export function parsePost(post, users, self) { let comments = post.getElementsByClassName('comments')[0] - let load = comments.getElementsByClassName('load')[0]; + let load = comments.getElementsByClassName('cload')[0]; if (load == undefined) { load = comments.lastChild } @@ -186,7 +197,7 @@ export function parsePost(post, users, self) { event.target.elements.text.value = '' }}, - input({type: 'text', name: 'text', placeholder: 'Write a comment', id: 'newcomment', class: 'newcomment'}) + input({type: 'text', name: 'text', placeholder: 'Write a comment', class: 'newcomment'}) ) ) ) @@ -202,7 +213,7 @@ export function parseComment(comment, users) { return ( div({class: 'comment'}, - a({class: 'pfp'}, + a({class: 'pfp', href: `/profile?id=${comment.user_id}`, 'aria-label': 'Comment author profile link'}, pfp(comment.user_id) ), span({}, @@ -223,7 +234,7 @@ export function parseComment(comment, users) { export function parseUser(user) { return ( - a({class: 'person', href: `/profile?id=${user.user_id}`}, + a({class: 'person', href: `/profile?id=${user.user_id}`, 'aria-label': 'User profile link'}, div({class: 'profile'}, pfp(user.user_id) ), diff --git a/public/js/home.js b/public/js/home.js index edc6823..447f602 100644 --- a/public/js/home.js +++ b/public/js/home.js @@ -34,7 +34,7 @@ function render() { ...header(true, false, data.self.user_id), div({id: 'create'}, div({class: 'create'}, - a({class: 'pfp', href: 'profile'}, + a({class: 'pfp', href: '/profile'}, pfp(data.self.user_id) ), button({class: 'pfp'}, @@ -55,7 +55,7 @@ function render() { ), div({class: 'fullline'}), div({class: 'postheader'}, - a({class: 'pfp', style: 'cursor: auto'}, + a({class: 'pfp', style: 'cursor: auto', href: '/profile'}, pfp(data.self.user_id) ), div({class: 'postname'}, @@ -75,7 +75,7 @@ function render() { ) ), div({id: 'load'}, - a({class: 'blod gtext', onclick: async () => { + span({class: 'blod gtext', onclick: async () => { const posts = await load() data.posts.push(... posts) diff --git a/public/js/main.js b/public/js/main.js index 3ad36b0..b49474c 100644 --- a/public/js/main.js +++ b/public/js/main.js @@ -65,8 +65,9 @@ export function form(attrs, ...children) { return createElement("form", attrs, ...children) } -export function img(attrs, ...children) { +export function img(alt, attrs, ...children) { attrs['onerror'] = (event) => event.target.remove() + attrs['alt'] = alt return createElement("img", attrs, ...children) } @@ -98,12 +99,16 @@ export function parse(html) { return document.createRange().createContextualFragment(html); } +export function pfpl(id) { + +} + export function pfp(id) { - return img({src: `/image/avatar?user_id=${id}`}) + return img('pfp', {src: `/image/avatar?user_id=${id}`}) } export function banner(id) { - return img({src: `/image/banner?user_id=${id}`}) + return img('banner', {src: `/image/banner?user_id=${id}`}) } const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', diff --git a/public/js/people.js b/public/js/people.js index 9b7ba46..0a97e93 100644 --- a/public/js/people.js +++ b/public/js/people.js @@ -1,4 +1,4 @@ -import { div, body, a, parse } from './main.js' +import { div, body, span, parse } from './main.js' import { loadself, loaduserspage } from './api.js' import { header, parseUser } from './components.js' @@ -11,7 +11,7 @@ function render() { ...data.users.map(u => parseUser(u)) ), div({id: 'load'}, - a({class: 'bold gtext', onclick: async () => { + span({class: 'bold gtext', onclick: async () => { let users = await load() let el = document.getElementById("users") diff --git a/public/login.html b/public/login.html index ce4d0ff..837a80a 100644 --- a/public/login.html +++ b/public/login.html @@ -2,10 +2,23 @@ + + XSSBook - Login + + + + + + + + + + + + - XSSBook - Login diff --git a/public/people.html b/public/people.html index 0a7775a..cdbeac3 100644 --- a/public/people.html +++ b/public/people.html @@ -2,11 +2,24 @@ + + XSSBook - People + + + + + + + + + + + + - XSSBook - People diff --git a/public/profile.html b/public/profile.html index 893ef3f..35debf8 100644 --- a/public/profile.html +++ b/public/profile.html @@ -1,13 +1,27 @@ + + + XSSBook - Profile + + + + + + + + + + + + - XSSBook - Profile diff --git a/public/robots.txt b/public/robots.txt new file mode 100644 index 0000000..b1b4ec3 --- /dev/null +++ b/public/robots.txt @@ -0,0 +1,9 @@ +User-agent: Googlebot +Disallow: /api + +User-agent: Googlebot +User-agent: AdsBot-Google +Disallow: /api + +User-agent: * +Disallow: /api \ No newline at end of file -- cgit v1.2.3-freya