scholarslab / clockwork Goto Github PK

When I look at the Sonification page on my cellphone, the videos look strange and out of place and not aligned with the rest of the site. When I click on them they take up the whole screen and are fine, but as it stands right now they look pretty wonky before you click.

When I read the inside of the accordion tabs on the Curriculum page on my phone, there is a lot of blank space on the left and right. This makes it so that the text is pretty narrow. I think this is because the accordion indents in a certain way.

Is there any way we could make a media query of some kind to make sure that the full width of the device in question is being used?

Should we leave the table of content w/o the hyperlinks or should it just be the drop-down accordion thing?

First, the final text on the sonification page seems out of place - we also need to consider rewriting this.

Second, I'm thinking we might want to have really concrete, thorough descriptions of exactly what's going on in these sonificaitons in the curriculum page, and link to them here.

(Primarily talking about annotated bib here)

I think that on the Curriculum page we have an explanation of what the sonifications are at the bottom of the Introduction tab, but from what I can tell (I might have missed something!) only one of the two kinds of sonificaitons is explained.

I think we should talk about where we want a detailed explanation of both sonificaitons to live on the site. Right now (see issue #38 ) we have explanations of the sonifications on the Sonification page itself. But after talking with everyone it sounds like we think it's better to have this explained on another page (like the Curriculum page) and link to that on the Sonification page. This sounds good to me. I also think we should style those sections in some way as to make them like, REALLY clear and obvious. Sonifications can be confusing, and I'm thinking that if we have a few rock-solid jewel sentences that explain exactly what's going on in them, and make it easy to find those sentences, our users would appreciate it greatly.

Need to clean up some formatting issues and figure out exactly when we what each media query to kick in, and what we want it to do. Fixing up some formatting on the home page mainly

To encourage people to try the tutorial??

Right now the first sound I can hear on the first sonification is at the 16 second mark. I think we need to explain that due to limitations of speakers and everything, people might not be able to hear everything. We would then also need some text justifying this decision.

• We need to format the flipclock so that it is centered and doesn't have such a big margin from the bottom of the page.
• Make sure it appears on every page, including the home page.
• All content on a single line.

We have two layouts: one for only the home page, and one for everything else. The only substantial difference we want is to omit a link to "home" on the home page.

Instead of two separate layouts, let's just check the current page using a conditional statement with Liquid and skip the home link on the home page.

Since the first sonification is adjusted to a particular scale at the end, the salary used to calculate the hours worked doesn't change anything. Perhaps this doesn't matter? It's something for the workshopees to discover?

Does it make the site look less clean/professional/cohesive? Is it a problem if the answer to that question is yes? If it is a problem, which page should we change?

Having read it, I'm still not sure why this section is here - does this have something to do with some web standard?

We need to get rid of this!

team members need high-fives

I know this one is still under construction, but in the next couple weeks we need to make sure we don't accidentally leave any loose ends or placeholder things (i.e., the "Vigh" next to Bremen's name in the Why Time section, the end of the Why Sonifications sections, and so on).

Gillet, I'm guessing the plan was to have all of us go through this and contribute? Or talk to people about a given section and show it to them and make more additions or something?

And do we use toward or towards?

and just incorporate into the data selection tab. Thoughts?

Highlight the navigation link if you're currently on that page.

Might want to think about making the background and/or the font darker/a different color

Is putting the title at the bottom left like this legible? Do we want to move this, change the size or formatting, or something to clarify?

I noticed this on the About page most, but it's probably applicable to others as well. When there was a link that I had already clicked, I could barely tell that it was there.

I remember a while back we considered styling hyperlinks so that they were more set apart from the text in which they were embedded (easier to see - like giving them an orange box or whatever), to emphasize the fact that a lot of what you need to know on the site is elsewhere. Maybe we should reconsider this?

We'd like to have the navigation text vertically centered, regardless of the height of the window. Flexbox let's use do this more easier like. Let's use that.

Because right now I think they're totally unformatted and don't scale at all.

But we might could add more text in terms of the sonification tutorial and/or learning stuff or I could just put the info from the marginalia into a normal text format. Thoughts?

I think this is particularly the case on the About page and the Curriculum page. Would really benefit from having more than just text!

I think we should find a way to set apart different parts of the text on this page in terms of style. For example, the "First" and "Second" paragraphs could be set off from the previous paragraphs by something other than a bolded first word to make them easier to identify visually.

This is a big one because there are a lot of places to implement, but I think we would benefit a lot from varying the style of different sections of text on the Curriculum page. We have so much good text here I want to make sure it is as engaging as possible!

The accordion looks great and is very helpful in navigating the large amount of text on the page, but I think even inside these accordion-ed sections it would be good to vary the style of certain sections to make them easier to read and understand. Right now the only formatting we have that does this is the use of bold, lists, and new paragraphs. The marginalia is something we could use more of to do this, but I'm sure we could come up with more ways.

Some examples of where it might help:

1. In the Introduction, we could change the style of "BIG QUESTIONS AT THE BEGINNING" and the text that follows instead of capitalizing it.
2. We could do the same for the paragraph following "ClockWork:" also in the Introduction tab.
3. There's a ton of information in the "How Did We Select Our Data" - would be great to break that up somehow by highlighting different kinds of thoughts with different styles.
4. Same goes for the annotated bibliography - I think that section would benefit a lot from some new stylings to differentiate its 'bibliography-ness' from other kinds of text

We need to make the marginalia look the color/shape/font that we think is best, then actually use it on the site to help visually differentiate different kinds of thoughts from one another (or get rid of it entirely and find a different, better way to do it!)

Is there any way we can get rid of the outline boxes on the accordion? I haven't had a chance to mess around with its styling stuff yet, but I feel like those lines are kind of distracting.

Make it so that the wage-timer starts up at the bottom of the page right when the page loads, not one second later as the js calculates itself (it calculates every one second). This way the flipclock and the wage-timer will both appear at the same time.

I prob should fix the typos I prob created on the doc page.

I'm wondering if there is a better way to style this nav bar so that, on phones and also when made very small on a computer, it doesn't pile up the way it currently does.

We need to format the wage-timer so that it roughly corresponds to the place of the flipclock on the page.

@cacology There are some places with snippets of code, and the presentation of those could be enhanced with a syntax highlighter. See Prism or Highlight.js for some examples. There are a ton of options for these, but it migth be useful depending on how much code we actually plan to include in the site.

We don't typically think in dollar amounts with 7 or more digits of cents. Consider rounding to two decimals to mirror how people deal with money on a daily basis.