Adding 404 image and styles
This commit is contained in:
ICabaleiro
parent
ddbb365d46
commit
84496a8a93
3 changed files with 25 additions and 1 deletions
|
|
@ -154,3 +154,9 @@ body {
|
|||
color: var(--whiteColor) !important;
|
||||
background-color: var(--mainHoverColor) !important;
|
||||
}
|
||||
|
||||
/* 404 Not found page */
|
||||
#custom-css my-page-not-found img {
|
||||
width: 350px !important;
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
|
|
@ -4,8 +4,10 @@ function register ({ registerHook, peertubeHelpers }) {
|
|||
const filterUrl = baseStaticUrl + '/images/filter_black.png';
|
||||
const keyboardUrl = baseStaticUrl + '/images/keyboard_black.png';
|
||||
const languagesUrl = baseStaticUrl + '/images/languages_black.png';
|
||||
const image404 = baseStaticUrl + '/images/404.svg'
|
||||
const style = document.createElement('style')
|
||||
document.head.appendChild(style)
|
||||
// STYLES START
|
||||
const sheet = style.sheet
|
||||
// Change filter icon
|
||||
let rule = "#custom-css .icon.icon-filter { "
|
||||
|
|
@ -22,7 +24,22 @@ function register ({ registerHook, peertubeHelpers }) {
|
|||
rule+= " background-image: url('"+ keyboardUrl +"'); -webkit-filter: none; filter: none"
|
||||
rule+= " } "
|
||||
sheet.insertRule(rule, 0)
|
||||
// END
|
||||
// STYLES END
|
||||
|
||||
/* ANGULAR NAVIGATION-END */
|
||||
registerHook({
|
||||
target: 'action:router.navigation-end',
|
||||
handler: params => {
|
||||
console.warn("======= INJECTING 404 ====== path is:", params.path)
|
||||
if(document.querySelector('my-page-not-found')){
|
||||
const img = document.querySelector('my-page-not-found').querySelector('img')
|
||||
if(img){
|
||||
console.log("REACHING THE POINT!!!!!!")
|
||||
img.src = image404
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
export {
|
||||
|
|
|
|||
1
public/images/404.svg
Normal file
1
public/images/404.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 515.219 674.267"><defs><style>.cls-1{fill:#6e6e6e;}.cls-2{fill:#343434;}.cls-3{fill:#464646;}.cls-4{fill:#616161;}.cls-5{fill:#7d7d7d;}</style></defs><title>404 oscuro</title><g id="OBJECTS"><polygon class="cls-1" points="304.439 229 243.845 191.992 243.845 249.939 266.379 252.121 304.439 229"/><path class="cls-1" d="M235.892,190.045a6.818,6.818,0,0,1,1.372-4.131l-47.352,9.816a81.448,81.448,0,0,0-6.843,32.822,82.494,82.494,0,0,0,1.492,15.646l51.331,4.97Z"/><path class="cls-1" d="M346.39,228.552a81.126,81.126,0,0,0-23.918-57.742c-.718-.719-1.451-1.417-2.191-2.1l-16.128,3.343a68.948,68.948,0,0,1,21.153,23.662,3.976,3.976,0,1,1-6.988,3.8,61,61,0,0,0-25.6-25.088l-46.579,9.655,63.777,38.957A6.865,6.865,0,0,1,309.891,235l-30.3,18.4,60.839,5.891A81.558,81.558,0,0,0,346.39,228.552Z"/><path class="cls-1" d="M371.947,228.551a106.407,106.407,0,0,0-22.6-65.871l-19.708,4.085a89.822,89.822,0,0,1,19.018,93.322l18.045,1.748A107.473,107.473,0,0,0,371.947,228.551Z"/><path class="cls-1" d="M175.115,228.552a89.67,89.67,0,0,1,5.444-30.883l-19.682,4.08a108.659,108.659,0,0,0-2.574,39.907l18.035,1.746A90.753,90.753,0,0,1,175.115,228.552Z"/><path class="cls-2" d="M340.17,312.823l-36.56,4.609a89.278,89.278,0,0,1-38.88,8.828,90.548,90.548,0,0,1-17.564-1.711l-36.675,4.624a107.315,107.315,0,0,0,129.679-16.35Z"/><polygon class="cls-3" points="251.349 256.745 228.815 254.563 228.815 270.434 251.349 256.745"/><path class="cls-3" d="M249.7,314.835a81.824,81.824,0,0,0,75.7-50.92l-60.839-5.891-33.445,20.311a7.018,7.018,0,0,1-3.388.9,6.885,6.885,0,0,1-6.862-6.873V253.793l-51.331-4.97A81.716,81.716,0,0,0,249.7,314.835Z"/><path class="cls-3" d="M186.33,296.546a88.963,88.963,0,0,1-25.023-48.519l-18.034-1.747a106.4,106.4,0,0,0,30.613,62.709,107.809,107.809,0,0,0,21.575,16.716l36.675-4.624A89.014,89.014,0,0,1,186.33,296.546Z"/><path class="cls-3" d="M325.514,308.989a106.736,106.736,0,0,0,26.157-42.53l-18.045-1.747a90.179,90.179,0,0,1-45.046,49.252l36.56-4.61C325.264,309.231,325.39,309.113,325.514,308.989Z"/><path class="cls-2" d="M224.215,180.677a6.792,6.792,0,0,1,6.784-.138l.11.067,46.579-9.656a60.885,60.885,0,0,0-27.988-6.808,3.977,3.977,0,0,1,0-7.954,68.841,68.841,0,0,1,39.423,12.392l16.128-3.344a81.755,81.755,0,0,0-130.369,27.026l47.352-9.816A6.884,6.884,0,0,1,224.215,180.677Z"/><path class="cls-2" d="M325.514,149.268a107.954,107.954,0,0,0-21.181-16.484l-88.409-9.516a107.6,107.6,0,0,0-70.077,75.013l19.682-4.081a89.656,89.656,0,0,1,147.538-32.483q.782.781,1.541,1.58l19.708-4.086A109.13,109.13,0,0,0,325.514,149.268Z"/><path class="cls-4" d="M264.73,114.4a107.418,107.418,0,0,0-33.776,5.4l88.409,9.516A106.555,106.555,0,0,0,264.73,114.4Z"/><path class="cls-2" d="M199.931,416.632c-.515-8.934-6.612-14.236-16.92-13.643-7.147.412-10.951,3.8-18.247,13.6l-1.157,1.571,36.582,2.963Z"/><path class="cls-2" d="M357.38,420.941l.275-.016.508,8.82,26.817,1.131-1.429-24.818c-.514-8.934-6.611-14.237-16.92-13.643-7.147.412-10.951,3.8-18.247,13.6l-16.659,22.616,19.894.838Z"/><path class="cls-2" d="M262.77,420.736a9.305,9.305,0,0,1,8.853,4.47l30.073,2.013c-6.032-18.66-19.685-29.1-40.16-27.924-16.9.973-28.275,9.283-33.9,22.967l28.168,1.886A9.147,9.147,0,0,1,262.77,420.736Z"/><path class="cls-3" d="M186.388,490.528c8.122,0,13.217-2.34,13.217-10.738,0-8.261-5.095-10.739-13.217-10.739V430.6l-36.352-5.062-27.528,33.192c-6.058,7.3-8.261,11.977-8.261,17.071,0,8.261,3.58,14.731,12.942,14.731H159.68v6.609a17.626,17.626,0,0,0,2.343,9.492c7.98-1.922,15.969-3.885,24.021-5.45a23.371,23.371,0,0,0,.344-4.042ZM159.68,469.051H136.826l22.578-29.6h.276Z"/><path class="cls-3" d="M370.312,469.051V450.957L343.6,448.286v20.765H320.75l16.337-21.416-19.813-1.982-10.842,13.073c-6.057,7.3-8.26,11.977-8.26,17.071a20.041,20.041,0,0,0,1.318,7.558l77.85-13.346A21.874,21.874,0,0,0,370.312,469.051Z"/><path class="cls-3" d="M289.639,461.755a76.38,76.38,0,0,0-2.263-19.237l-29.907-3.738c2.668,4.531,3.809,12.226,3.809,23.388,0,23.129-4.406,28.36-12.391,28.36s-12.39-5.231-12.39-28.36c0-12.983,1.543-21.28,5.24-25.355l-28.012-3.5c-3.7,7.705-5.588,17.3-5.588,28.444,0,15.349,3.031,26.663,8.295,34.637L286.5,485.3A78.933,78.933,0,0,0,289.639,461.755Z"/><path class="cls-5" d="M188.986,515.59c7.522.418,12.043-3.446,13.589-10.088-8.126,1.116-16.212,2.634-24.285,4.111C180.257,513.142,183.8,515.3,188.986,515.59Z"/><path class="cls-5" d="M395.305,484.982l-78.47,9.011c1.524,4.413,5.013,7.463,11.208,7.806l32.441,1.8-.366,6.6c-.5,9.073,3.574,15.09,12.509,15.586s13.654-5.033,14.158-14.106l.366-6.6c8.11.451,13.326-1.6,13.792-9.989C401.248,489.593,399.14,486.543,395.305,484.982Z"/><path class="cls-5" d="M233.182,502.407c6.629,11.364,17.845,16.627,31.54,17.387,17.637.979,32.023-5.9,39.035-24.577Z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 4.6 KiB |
Loading…
Add table
Reference in a new issue