View source for New Site

==needs response==
* how / where do i specify the background color behind the background picture?  i.e.: if you make your browser window VERY wide, you currently see a "gray" behind the background picture.

* how can i edit the header (rainbow pic, icon etc) html or css?

* do we have a tool to discover all relative vs. absolute links?  is there a plugin for that?

* i know i asked you to sort of  "top justify" the pic on the right, but user feedback indicates it should be vertically centered just like the blurb text to it's left.  please don't just do it, but instead tell me how to do it myself?

* i'd like to add a single blurb of text under the "testimonials" section (inside that section, but centered, not in a box) that says "Click here for more testimonials" or something, linking away.  Again don't do it for me, but tell me how to do it.

* editing the "feature slider" text is very difficult given that the WYSIWYG editor does not account for the "font awesome stars" at the beginning of each line.  It seems i am forced to edit the raw text regardless.  is there a way to just edit plain text and enter “” (&#xf005;) at the start (the FA character for "star") and be done with it?  i could not figure it out.  seems even in my wiki text the FA char does not show up when you just enter the unicode char for it

* there is a certain vertical window size that will make it [https://karaoke.kjams.com/screenshots/new_site/jumpy2.mp4 impossible to scroll] down

* go ahead and spend an hour to see if you can figure out how to fix the scroll-jump, you can bill me separately.  it's real ugly having that :)

* for lack of terminology, i'm going to dub the rainbow header the "site header" since it appears on all pages, and then there's the "page header" which only appears on SOME sub pages, like this:<br>https://karaoke.kjams.com/screenshots/new_site/headers.png
* the "page header" has a second search bar, can we get rid of the second search bar?
* if it is the "page header" that is causing the scroll-jump, then if you remove it entirely does it help?  otherwise just leave it.

* if you click anywhere in the "Site Header" the link goes to the documentation wiki.  how do i edit where this link goes?

* [https://karaoke.kjams.com/wp/downloads/ downloads page] buttons
** how do i have one button that "knows" to go to mac vs. windows, like on the main page?

* on [https://karaoke.kjams.com/wp/downloads/ this page] i attempted to move the "mp3" and "platform specific instructions" sections up, using the WYSIWYG editor, but have clearly eff'd it up pretty badly.  the editor is not what it claims to be, unfortunately.  go ahead and just fix that.

==later==
* on iPhone, site is not or performance optimized, can we do something about that?  *very* slow to load

* it's probably time to set up google analytics.  we will need them on the download links too (actual [https://support.google.com/analytics/answer/1136920?hl=en outbound links], not just pages)
** update: will test when download links actually do something

==fixed==
* [https://karaoke.kjams.com/wp/wp-admin/admin.php?page=acf-options this page] has you uploading a file.  But i just want a permanent hyperlink.  (eg: i upload the files to the file system and the link already points to the new file)
** update: fixed.  great!  how do i: remove a row?
*** update2: there is a "minus button"
** how do i change the row header word "Version" to "Edition" 
*** it has been changed.  however, i still don't know how to do this myself
** how do i add another "Edition" to the menu (eg: "MP3 Encoder")

* do we have a tool (like dream weaver) that shows all links and if any are broken?
** no

* update WP to latest version, update all plugins to latest, ensure they all work
** update: there are still 4 updates available (1 plugin, 3 themes), do we need these?  if not how do we say "don't notify me of these updates, thanks"?
** update2: the three themes are not updated.  can we update them?  if we should NOT update them, how do we hide them from the updater?
** update3: up to date now.  you're on your own for future updates

* i tried updating the background picture [https://karaoke.kjams.com/wp/wp-admin/post.php?post=7&action=edit from here], however it does not update the picture when you size the web page smaller, it goes back to the old image.  this is why i thought there was a cache or something.  how do i update these "smaller sizes" as well?
** update: The background image on the homepage slider now updates.  but why did it not update in the first place? is that problem permanently fixed if i update the pic again?
** update2: won't happen again

* the language chooser popup menu shows the word "translation" left justified on the page, and the menu right justified, as if they have nothing to do with each other?
** update: fixed

* Download buttons are a little off-kilter:<br>https://karaoke.kjams.com/screenshots/new_site/buttons.png
** we could possibly say "Lite", "Pro", and "2" to give a bit more room to the right of the text?
** update2: all fixed

* is it possible to bottom justify the text blob on the main page ("slider")?
** update: here's a pic:<br>https://karaoke.kjams.com/screenshots/new_site/text.png
** the text box is toward the top of the background picture, is it easy to specify that it lean more toward the bottom of the background?  and if so, please also tell me how to change it myself.  so if i change the picture again and say i need it top justified again...
** update3: it's sortof middle justified now, which is fine

* how do i edit the section name "Features Close Up" to e.g.: "Explore kJams"
** update: it is changed, but i actually want to know how to edit it myself
** update2: it has a GUI editor now

* some "font awesome" glyphs do not work, for example "fa-music" on the first point of "kJams Lite".  Perhaps the FA stuff needs to be updated to the latest?
** update: fixed.  but how do I fix this myself, if it happens again?
** update2: won't happen again

* how do I clear the cache? 
** update: there is no cache

* When i go to [https://karaoke.kjams.com/wp/wp-admin/post.php?post=7&action=edit this page to edit], scrolling down to the "Feature Slider", the text edits are all raw html, can we turn on WYSIWYG editors there?

* social buttons color: currently it's gray on gray.  can we have them be pink on gray (same color as active tab background)<br>https://karaoke.kjams.com/screenshots/new_site/social.png

* get rid of the selection "drop down menu" and the "download" button. instead, insert three separate buttons "Download Lite" "Download Pro" "Download 2"
** update: well, i'll do some user testing and see what the users say.  i think i'm okay with it as is, but let me get back to you
** update2: we realize the "download" button isn't even visible when you go to the main home page, too easy to miss. <br><br>Currently it looks like this:<br>https://karaoke.kjams.com/screenshots/new_site/main_no.png<br><br>but can we do this instead?<br>https://karaoke.kjams.com/screenshots/new_site/main_yes.png
** note that the section header name "features at a glance" (above) is completely removed.  i realize i asked for section header names there but i'm doing some user testing now and this is the feedback i'm getting.  if you want the "download candy button" source, [https://karaoke.kjams.com/screenshots/new_site/download.psd it is here].  the button would auto-select the proper platform (mac or windows download)

* how can I easily replace background picture of main?  I tried just replacing the pix in the file system but some of them seem cached and i can't get the cache to flush.  there's probably a more correct way, that so i don't have to supply several sizes?  do i do it [https://karaoke.kjams.com/wp/wp-admin/post.php?post=166&action=edit&image-editor from here]?

* how do i edit the links in the help menu?<br>https://karaoke.kjams.com/screenshots/new_site/help.png

* how do i edit the links in the bottom bar?<br>https://karaoke.kjams.com/screenshots/new_site/bottom_bar.png

* some content is blocked because it's not being served over HTTPS ?  can we fix this?<br>https://karaoke.kjams.com/screenshots/new_site/blocked_content.png

* the header still seems to take up quite a bit of real estate on a wide screen, can we squish it up more?  also note the mic doesn't align with the rainbow when scrolled down<br>https://karaoke.kjams.com/screenshots/new_site/tall_header.png

* on iPhone, site is not visually optimized.  please [http://iphone.appstorm.net/roundups/design/30-gorgeous-iphone-optimized-websites/ see here for examples] of good design
** update: the point is it should look like it was *designed* to look good on an iOS screen.<br>
{|border="1"
| align="center" | '''Looks like this'''
| align="center" | '''Should look more like this'''
|-
| https://karaoke.kjams.com/screenshots/new_site/ios_bad.png
| https://karaoke.kjams.com/screenshots/new_site/ios_good.png 
|}
* on iPhone, site is not visually optimized
** update2: header still takes up half the screen, background image is not resized so you can see more of pic.  i see that it seems based on size of text copy of largest blurb (kjams 2), i'll cut them all down to the size of the "kJams Lite" blurb"
** update 3: you now have new copy to insert
** update 4: when the site gets iPhone sized, can we move the "translation menu" into the "☰" menu (or even just get rid of it), the point being to make the header bar as vertically small as possible, see above screenshot

* iOS still "slides" at 5 seconds, instead of "fade" at 10 seconds
** update3: hmm, this does not seem fixed on my iphone

* the rainbow graphic only aligns when the browser width is > 1200px, or when exactly about 387px.  rainbow should always align.  perhaps (?) make the disc logo and the rainbow just one big graphic?
** updated: still not always aligned when width < 464px
** update2: still not lining up at some widths.   please take the time to resize your browser window horizontally and watch the rainbow point sometimes not touch the microphone head
** update3: it's getting better, yes, but still not there yet.  there are still sizes where the point of the rainbow does not hit the tip of the microphone.  so, it seems you're not actually doing your own testing?  can you please just test this in Firefox by dragging the width of the browser and watching for sizes where they do not align?

* when the page width gets small, the "Tab bar" turns into a little graphic like "☰", next to the social icons.  however, it "line breaks" separate from the social icons.  can we make it break WITH the social icons so it does not get onto a line by itself
** updated: but it still breaks into it's own line between 465 and 529 pix
** update2: still breaks separately at smallest size
** update3: this pic was taken at 330 pix wide:<br>https://karaoke.kjams.com/screenshots/new_site/330px.png<br>i will be testing on an iPhone (non-retina display) and will let you know my findings

* is it possible to do an "every other" color scheme in the "what our users have to say" section? let's try a different color too, a color from within the disc logo (a blue or a green?)  use your design sense
** updated: this is what i mean: so that when they all stack vertically (on iPhone) they look good<br>https://karaoke.kjams.com/screenshots/new_site/every_other.png
** update2: this looks fine, except the tint is not visible on iOS, which was why i requested colors in the first place :)
** update3: does not appear fixed to me.<br>https://karaoke.kjams.com/screenshots/new_site/what_our_users.PNG<br>also, this is still not "optimized" for an iOS screen.  The "What our users have to say!" should be one line on an iPhone

* the "home" tab does not have a "tab name" section UNDER the tab.  good.  all other pages do, please remove them, it is redundant.
** update: basically, remove this banner from all pages:<br>https://karaoke.kjams.com/screenshots/new_site/remove.png
* kJams logo becomes too small between 753px & 1196px, can we keep it large at those widths?
* rainbow graphic is clipped on bottom
* the rainbow graphic does not maintain it's aspect ratio
* is there a different graphic element we can use to indicate "menu" a bit better? (menu graphic is fine)
* when the page width gets small, the main section no longer shows graphics, this is fine, and the text suddenly gets a nice shaded background.  i prefer that the text *always* has a shaded background
* the main section "slides" about every 5 seconds.  can we get rid of the "slide" and instead make it "fade", and have the interval be ten seconds
* in the "wtkJams" section, the text "In the Paid Version:" is dark on dark.  should be same color as other text
* move the "what our users have to say" section to the bottom
* in the "features close up" section, the "right-left" arrow UI elements MOVE when you click them.  they must remain under the mouse and not move.  can we top justify them within the current scroll view (floating at the top regardless of where you are scrolled in the current section), rather than vertical center (absolute position)
* on the "downloads" page, the graphics are different sizes vertically, which re-paginates the page when they slide, page should remain constant size
* on iPhone, scrolling the site will crash Safari

==can't fix==
* jumpy scroll: [https://karaoke.kjams.com/screenshots/new_site/jumpy.mp4 watch this movie] to see the strange scrolling: it shouldn't do that
** update: still needs fixing
** update2: still not fixed
** update3: can't fix it without removing header bar

* show me how language files will work, such that when a user loads the site from germany, they will get the german language version
** updated: what i mean is, we need separate strings files (strings content separated from layout) that will be automatically dynamically loaded depending on the user's browser's language setting.  this already works in the current landing page, i have hand-translated strings to replace the current ones
** update2: any update on that?
** update3: okay that works great for getting the proper hand-translated strings in there. however, my question remains: when a user from germany, who has already set their browser language to "de", will they see the page in german automatically? that's what i want, the user from another country should never have to say "i'm from this country", since the browser already knows this info (tho if the option is there to pick that is fine, perhaps just auto select it)
** update4: further testing when we have lang files
** update5: if i set my browser's language to french, the site still loads in english.  i want it to automatically show the french page based on the user's already-selected language
** update6: it seems to be still not working.  i set my browser language to french, then refreshed the page, but it is still in english.  in the screen shot below, it shows the page still in english, and in the prefs it shows what had already been set in then language chooser AFTER i had set it there and hit refresh on the page<br>https://karaoke.kjams.com/screenshots/new_site/lang.png
** update 7: still does not automatically pick the language based on browser pref

==i'll do this==
* provide actual links to the c|net reviewers
* "wtkJams" is incorrectly spelled "wtkJames"
* swap image out using new pic
* Image credit: <a href='http://www.123rf.com/profile_kjpargeter'>kjpargeter / 123RF Stock Photo</a>
* picture font does not work when you do NOT have https, eg: http://kjams.com/wp/.  it should work for both http and https