• Create pages for all images and videos displayed with the title and a description.
• Change link to images' or videos' page (so if we click on images, we end up on each page).
• Add description text below each picture in the pages.
• Add return button (← Return) or a cross (×) to return to the previous page. It will be shown at the upper left (if it is a ← Return button, or at right if it is a × button.

The pictures' page will display the picture in full screen, with a description under it, that can be seen when scrolling. There will be no header nor footer.

The multiple s in ss, rss and sst (and maybe the r in rs and rst) ligatures of Future Menu Brown v10.01 is too close, and it makes the glyphs harder to read.
In addition, an rt ligature would be welcome.

Big compatibility issues for buttons, links and images can be noticed on some browsers like IE, Edge 44 or the one of Samsung Smart TV (I don't know the name of the browser nor the model of the TV).

• Fix white borders bug
• Fix button background color

Use only JavaScript to program the site.
It is the main idea of the site to be clean, coded only in HTML, CSS and JS, not using any library. Using jQuery is furthermore a unnecessary and unclean way to code.
jQuery is currently used in Random and Box pages (maybe more).

• Fix Random
• Fix Box

The font has been updated but it is now appearing a bit messy in small, like top of the z making only one pixel height while bottom has a height of two pixels. It is like the font is less aliased and a little smaller than it should be.

↑ Zoom ×2 ↑

Add tooltips with the alt name for each picture (images and videos everywhere, except in img-big pages).
Make alt the tooltip text (it would be the easiest way).

Remove hover selection from header and footer images. When they are hovered, the background-color is visually changed, and it is not right.

The text entries in About page must be filled before sending the message. A pop-up for this would be welcome.

Add animation for buttons.

Button hover transition is not working entirely on Chrome (the border-radius CSS property is working but not transition-duration). I don't know why, but the transition-duration works effectively on Firefox.

EDIT: The sides are currently blank, only with a background and a help button.

Add graphisms, 3D animations, etc. to the site.

Remove white space after GIMP link in BCAP1 page.

The return button in img-big pages (button-return) currently makes the user go to a specific page in HTML (and the link can be wrong if I messed up with my Ctrl + C / Ctrl + V). It has to be something like that:

onclick="window.history.go(-1); return false;"

In the HTML.

Fix the “m” bug of Future Menu Brown font.
The small m of Future Menu Brown has a broken line in the middle of the first loop, starting from the first shoulder. This is probably due to an open or wrong path.

Add animation to img-big page. img-big page's background is not animated yet.

Resize images by height and width in img-big pages. When displaying an img-big with a wider format than the device on which the image it is displayed, the image overshoots of the field of view.

Add pages for series.

• FW----
• Sub-Scrambled Cube
• Imaractères
• Points de Lumière

Add more BCAP's creations to the site.

Change style of links which appear in texts.

The footer has a border which appears when hovering it.

Header doesn't work on Realizations page, and footer (with the smile) is only on the principal page.

Currently, the only way to enter the Drawing page is…

…in Barry Cap › Realizations › Image.

Certain img-big in page-img-big from Barry Cap › Realizations › Image page do not appear, because of a link that does not work.

Sub-ScrambledCube21.mp4 is not appearing in its img-big page.

iFrames generally take too long to load (in Video page) and it would be great to have thumbnails until they appear to prevent people from living the page before the videos are showing.

It would be better to have an img-big page for Night of the Alien, with the iFrame, the title and a short description.

Compress Sub-ScrambledCube21.mp4 the minimum (maximum 100MB to add it on GitHub) to add it on site in the best quality possible.

Add information or links in the footer, after BCAP Smile.

Add a space between are and somehow in BCAP1.html description.

Remove border-radius from img-big class.

.img-big {
border-radius: 0;
}

Add :hover and :active to header. The work on this has been started but it is not actually working. Maybe the SVG header needs to be inline to have the right CSS style with header-svg, header-svg:hover and header-svg:active properties.

I don't know why, but the mix-blend-mode: difference CSS style on inline SVG elements does not work in FireFox, nor in IE/Edge (it works well with Chromium-based browsers).

There is some kind of mystery going on here with the mix-blend-mode thing, that one time is working, and another time not, depending on certain pages… For example, I minified the inline SVG header, and now, it seems to work in all pages, even in Firefox! But the difference on footer image doesn't work since I added <!DOCTYPE html> in all my HTML pages—I think. Because there is another kind of mystery with this too…

Header hover and active needs to be on all rectangle (a tag).

Use a better font in the site. The current fontface is Consolas, but it was used only for the old header, which was ASCII art—but now, with the new header, it has no use anymore.
The font could be Future Menu Brown, Brown (copyrights have to be checked), Adobe Garamond (copyrights have to be checked), or something else.

EDIT: The margin at the bottom of the textarea isn't sufficient in Firefox.

The new email form in About page needs to be styled.

Title of each page need to have a different class than the text after it.

Remove hovering and focusing color change for buttons. The text in the buttons appears in cyan when the button is hovered and focused (with tab key)

The favicon is appearing badly on Chrome. I think Chrome is selecting a wrong sized image in the favicon.ico file when it has to show in 16×16 (pixels).

Change images, videos, embed videos background on hover for the pictures which are not charged yet or that have transparency.

The new favicon is not working on Chrome and in other browsers. Inexplicably, it works perfectly on Firefox and Edge. Maybe it's due to compression (even if PNG compression is only used for the included big images). Or maybe Chrome doesn't support 512p favicons.

The site needs to have a translation in French, maybe using JavaScript or just by making other pages.

Current languages:

• American English
• French
• British English
• Italian

The favicon needs to be in two colors to be seen correctly with all devices and browsers style.

The new part of the Home page needs to have a title, showing Spotlight.

The title was ‘Current Picture’ at the beginning.

• Add a page that shows the history of all the Spotlighted pictures.
• And with that, the Spotlight button in the Home page must work.

Remove pixelated render for some images like photographs or 3D renders. Add the lines below only to images which must be pixelated:

  image-rendering: pixelated;
  image-rendering: crisp-edges;
  image-rendering: -moz-crisp-edges;

The BCAP Smile is visible even when not scrolling, when the site is in full screen for example.

Remove automatic white spaces that appears aside links and tags. They have to be removed or cancelled in some cases (when there is a full-stop after them for example).

Create a thumbnail for each image displayed on site, that will be of the resolution it appears.

The page's title shows "Barry Cap › Image › Retro Alliance logo", instead of "Barry Cap › Video › Retro Alliance logo", as it should be.

Add thumbnail for each video that will be in GIF format in thumbnail directory. The GIF won't be of all video duration if it's too long or too heavy. A link to the video's page have to be added.