Easy Na'vi Lessons Blog

Started by Tirea Aean, October 26, 2012, 08:27:50 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Tirea Aean

There. Lots of fixes for today.

There are more, but I don't have all day to fix the CSS/HTML.

Thanks for all the looking out!

Tìtstewan

I do like what I see.  :) :) :D

One little suggestion:
.civ {
 color: #4D94FF;

with this color, it is very difficult to read the text especially because of the background. I would change it.

-| Na'vi Vocab + Audio | Na'viteri as one HTML file | FAQ | Useful Links for Beginners |-
-| Kem si fu kem rä'ä si, ke lu tìfmi. |-

Tirea Aean

Right, I did not update the text colors after updating the theme.

Nearly all of the colored text needs new hex codes. If anyone wants to suggest one that would work well, let me know and I'll change it. :)

Tìtstewan

You have currently:
this color
this color
this color
this color
this color
this color
this color
this color
this color
this color
this color
this color
this color
this color (bad)
this color
this color
this color (bad)
this color
and this color (bad)


What about this color? #ADA4FF
Or this color? #4EEFF5

But what if you just reduce the total amount of colorated text? Just remove the bad ones and replace them by better one, you already use?

-| Na'vi Vocab + Audio | Na'viteri as one HTML file | FAQ | Useful Links for Beginners |-
-| Kem si fu kem rä'ä si, ke lu tìfmi. |-

Tirea Aean

They each typically had a meaning and context within a lesson, and sometimes across lessons. I wanted colors to be associated with a certain grammatical element. Such as blue for -l, red for -t, and so on. Re-using colors I already have might get confusing. I've already used yellow for a couple different things, which is already confusing. I need to just completely re-do the entire text color scheme.

I like your suggestions! We can start by replacing bad colors with similar but easily visible ones. Hopefully that'll work. If not, all colors can be reconsidered.

Tìtstewan

Cool, I will try to play with the color codes on the weekend.

Oh, by the way, I played a bit with the styles and html, and see what I did offline:

-| Na'vi Vocab + Audio | Na'viteri as one HTML file | FAQ | Useful Links for Beginners |-
-| Kem si fu kem rä'ä si, ke lu tìfmi. |-

Tirea Aean

Fìfmetok? ;)

Hey that's actually very interesting CSS layout!

Not 100% sure about the colors tho. :-\

EDIT: You may have noticed that you can easily download all the pages of the site and have your own offline copy of all the HTML and assets for experimentation. Nothing except the login system is hidden.

DOUBLE EDIT: With that said... I may actually put this up on github. hmmm...

Tìtstewan

Quote from: Tirea Aean on June 10, 2015, 06:46:43 PM
Fìfmetok? ;)
Fix0ed!

Quote from: Tirea Aean on June 10, 2015, 06:46:43 PM
Hey that's actually very interesting CSS layout!

Not 100% sure about the colors tho. :-\

EDIT: You may have noticed that you can easily download all the pages of the site and have your own offline copy of all the HTML and assets for experimentation. Nothing except the login system is hidden.

DOUBLE EDIT: With that said... I may actually put this up on github. hmmm...
That "interesting CSS" design was an idea to add mobile phone responsibility. That means, on desktop it looks like you see at that screenshot above, and on mobile phone it looks:
On mobile devices, the menu bar is switched into that white button.

That "pre-alpha" page has some failures and suff I accidentally did and I am not happy about it because: I lost the game. ;D ;D
If you wish, I can work on it. :)

-| Na'vi Vocab + Audio | Na'viteri as one HTML file | FAQ | Useful Links for Beginners |-
-| Kem si fu kem rä'ä si, ke lu tìfmi. |-

Tirea Aean

#48
Hey this sounds like some good fun. Let me go add the site to GitHub.. :D

EDIT: busy right now, will do later tonight.

Tìtstewan

Don't rush. :) That responsible page requires a complete re-writes. Kop, I found a way to add those lessons into one page that can be "switch" from one section to another without loading a new page. Let see if this "feature" is useful.

EDIT: Of course, I can make it page-for-page like the current one. :)

-| Na'vi Vocab + Audio | Na'viteri as one HTML file | FAQ | Useful Links for Beginners |-
-| Kem si fu kem rä'ä si, ke lu tìfmi. |-

Tirea Aean

github.com/tirea

Feel free to mess around, fork it, clone it, make a branch, have fun with it. Let's see what we can come up with!

Tìtstewan

#51
So, I wrote three pages (home, sounds and grammar) completely from scratch.

Just play with the attachment.

How are they? :)

-| Na'vi Vocab + Audio | Na'viteri as one HTML file | FAQ | Useful Links for Beginners |-
-| Kem si fu kem rä'ä si, ke lu tìfmi. |-

Tirea Aean


Tìtstewan

#53
I am glad you like it. :D

I see a weid bug happens on chrome and IE: some links appear in blue color, especially after one clicked on it.
But in the CSS is:
a:visited {
  color: #959595;
  text-decoration: none;
  }


#959595 is definely not blue. I am on it.

No porblems on FF, yet.


EDIT: *facepalm* I forgot to add that new color code to the css file in the zip...

-| Na'vi Vocab + Audio | Na'viteri as one HTML file | FAQ | Useful Links for Beginners |-
-| Kem si fu kem rä'ä si, ke lu tìfmi. |-

Tìtstewan

#54
Double post!

I fixed that liitle color fail plus, I finished the pages for the "links" and "downloads". :)

(I am quite interested how these pages look on a tablet :-\)

-| Na'vi Vocab + Audio | Na'viteri as one HTML file | FAQ | Useful Links for Beginners |-
-| Kem si fu kem rä'ä si, ke lu tìfmi. |-

Wllìm

That looks very nice and professional!

Quote from: Tìtstewan on June 13, 2015, 08:08:51 PM
(I am quite interested how these pages look on a tablet :-\)

I made some screenshots on my large phone/small tablet using Firefox on Android.
[smg id=6430]

Here's a bug: the green button is on top of the menu bar instead of below it:
[smg id=6431]

Random thought: the menu bar takes up a lot of space on phones/tablets, and it is position: fixed;, so it stays there also if you scroll to the right. Perhaps you can move the bar to the top of the page for small screen widths, using CSS media queries or something like that? :-\

Tìtstewan

#56
Irayo and HRH @ dat bug! ;D

I know it. I saw it on my phone, too. That bar is supposed to merge as an optional field/button on phones. I have not written the CSS for it.

Stay tuned, am on it. :)




EDIT: Ma Tirea,
From lesson 4:
Nìvingkap (by the way, it just occured to me), I totally encourage all readers to ask questions and practice these things in the comments below. Remember all the stuff I said in my post about Practice, Correction, and Stuff post


There is no comment function since you have re-written your website, plus the link does not work.

-| Na'vi Vocab + Audio | Na'viteri as one HTML file | FAQ | Useful Links for Beginners |-
-| Kem si fu kem rä'ä si, ke lu tìfmi. |-

Tìtstewan

#57
So, yeah, I finished rewriting and that weidro button bug should be fixed:
[smg id=6432]
[smg id=6433]

All pages are now re-written and re-styled, also the lessons. :)
See attachment:

-| Na'vi Vocab + Audio | Na'viteri as one HTML file | FAQ | Useful Links for Beginners |-
-| Kem si fu kem rä'ä si, ke lu tìfmi. |-

Tirea Aean

Will upload new zip and replace contents at same link provided above. When I can.

Tirea Aean