Home » Updates

Updates

Published on 24 April 2020 at 00:46

Overview of what has been done the last couple of weeks. 


Updates week 10 (2-8 februari)

Added audio previews and replaced the concertos with shorter pieces at the home page. 

The reason was that I got a lot of reactions from people who thought that new people do not have the attention to listen to a 30 minute concerto. I understand this of course and that is why I replaced them and added audio previews. They can of course be found on the other pages.

Added composers under 1 heading and make it expandable in the menu.

Just to make it more convenient. Also, it gave the opportunity for a nice overview of short historic summaries.

Added a violin and piano selection under an expandable orchestral selection.

Was planning to do this for a while now. People often don't want all the concertos or all the symphonies with the quantity that they are made in (although I won't remove it). A selection is way more convenient in that respect. 

Added an option for recommendations at the bottom of the selections.

People have different taste. To only include mine wouldn't do people that are newly introduced to classical music justice. To broaden my, and other people's their scope, recommendations come in handy.

Added cello concertos.

A step closer to completion.

Improved the video embeds.

Replaced the standard YouTube video formats with another one, so that the page speed improves which improves the SEO (search engine optimalization), which will rank me higher in search engines and make it easier to browse. If you're interested, here is an example of the code:

<div class="youtube-player" data-id="0Cg_0jepxow" data-related="0" data-control="1" data-info="1" data-fullscreen="1" style="width:100%;display: block; position: relative;cursor: pointer;max-height:360px;height:100%; overflow:hidden;padding-bottom:56.25%;margin:0 auto"> <img src="//i.ytimg.com/vi/0Cg_0jepxow/hqdefault.jpg" style="bottom: -100%; display: block; left: 0; margin: auto; max-width: 100%; width: 100%;height:auto; position: absolute; right: 0; top: -100%;"> <div style="height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url('https://i.imgur.com/TxzC70f.png') no-repeat;"></div> </div>

Javascript:

<script> (function() { var v = document.getElementsByClassName("youtube-player"); for (var n = 0; n < v.length; n++) { v[n].onclick = function () { var iframe = document.createElement("iframe"); iframe.setAttribute("src", "//www.youtube.com/embed/" + this.dataset.id + "?autoplay=1&autohide=2&border=0&wmode=opaque&enablejsapi=1&rel="+ this.dataset.related +"&controls="+this.dataset.control+"&showinfo=" + this.dataset.info); iframe.setAttribute("frameborder", "0"); iframe.setAttribute("id", "youtube-iframe"); iframe.setAttribute("style", "width: 100%; height: 100%; position: absolute; top: 0; left: 0;"); if (this.dataset.fullscreen == 1){ iframe.setAttribute("allowfullscreen", ""); } while (this.firstChild) { this.removeChild(this.firstChild); } this.appendChild(iframe); }; } })(); </script>

Fixed display issues on the homepage (mixed up text and headings) and on mobile devices.

To make it work for desktop is one thing, to make it work for mobile devices is a whole other and often more challenging part of making a website. With that, there are often bugs and glitches to be fixed.

Updates week 11 (9-15 februari)

Added a logo.

Still unsure where to put it and what to do with it but it's a nice addition to the site.

Added Tchaikovsky and Rachmaninoff.

Composers that have played such a big rol in the world of classical music that it would be a shame to leave them out.

Added guitar and cello selection.

Got many requests for a guitar selection. I've done a deep dive and I think the result is worthy of making it into a public selection. Making these selections has broaden my scope of classical repertoire in a big way.

Added headings at selections and composers.

For convenience purposes.

Added Parallax effect.

Effect which you get when you scroll down and see the banner move with the page.

Improved the website icon.

For search engine optimization purposes.

Improved the video emblems.

for design purposes. Code: style="border:2px solid black; border-radius: 10px; etc.

Improved design of violin general selection.

Made a selection of pieces of the separate violinists. To discover different styles of different violinists and to which suits your taste best.

Changed the design.

For aesthetically pleasing purposes.

Updates week 12,-> (16-> februari)

Added a Violinists page.

Selection of violinists I think are worthy of mentioning. Will be expanded regularly.

Added a Pianists page.

Selection of pianists I think are worthy of mentioning. Will be expanded regularly.

Changes in the menu.

To make it less cramped.

Added Vivaldi with the composers.

General expansion of the site.

Added Wind Selection.

Covers a broad range of instruments and contains my selection of what I find to be their greatest pieces.

Added improvement for composers: Timeline.

The code is 1986 lines, so I won't bother you with it.

Added Voice Selection.

Selection of pieces I think are worthy of mentioning. Will be expanded regularly.

6 blog posts.

More coming up...

Changes in homepage.

To display more information. Added pieces, blog posts and sidebar.

Made the 'Blog' page design and the homepage blog design.

Improved sidebar.