Ubuntu Suomen WWW-kehitys

[Heikki Ketoharju]

Hei!

Otin vähän tuota tyhjää tilaa pois, koska sitä tosiaan oli reilusti. Testasin myös tuota sponsori-linkkiä tuonne sivuston alalaitaan. Minusta se näkyy sieltä varsin selkeästi ja on myös omalla paikallaan. Sitä kehystävä teksti on omaa runoelmaani.

https://heikkiket.kapsi.fi/designs/ubuntu-suomi-forums/

Tuohon ylös en ole vielä saanut nav.html:ää tuotua. Wordpressiin tottuneelle SMF:n teemasysteemi tuntuu melko erilaiselta, ja globaaleine muuttujineen ehkä hieman ikääntyneeltäkin.

[kamara]

https://heikkiket.kapsi.fi/designs/ubuntu-suomi-forums/

Toi on minusta hyvä. Itselleni se näkyy useammin kuin ylälaidassa olevat logot, kun säikeet ovat kirjoitusalueen alapuolella normaalisti.

[SuperOscar]

Edelleen on aika paljon tyhjää ennen ensimmäistä banneria.

Kyseisen bannerin tekstistä: ”ubuntu Suomi keskustelualueet" vaikuttaa jotenkin yhdys sana vammaiselta. Tarkoitus on varmaan se, että ”keskustelualueet” on ikään kuin alaotsikko ”Ubuntu Suomelle”, mutta kun ne on aseteltu rinnakkain eikä allekkain, tämä ei oikein hahmotu.

Ehdottaisin jotakin seuraavista vaihtoehdoista:

• muutetaan teksti muotoon ”Ubuntu Suomen keskustelualueet” (jolloin yhdyssanaudelta vältytään kokonaan)
• muutetaan teksti muotoon ”Ubuntu Suomi – keskustelualueet” (jolloin ajatusviiva erottaa otsikkotasot)
• asetellaan ”keskustelualueet” selkeästi ”Ubuntu Suomi” -tekstin alle.

[jekku]

Edelleen on aika paljon tyhjää ennen ensimmäistä banneria.

Kyseisen bannerin tekstistä: ”ubuntu Suomi keskustelualueet" vaikuttaa jotenkin yhdys sana vammaiselta. Tarkoitus on varmaan se, että ”keskustelualueet” on ikään kuin alaotsikko ”Ubuntu Suomelle”, mutta kun ne on aseteltu rinnakkain eikä allekkain, tämä ei oikein hahmotu.

Ehdottaisin jotakin seuraavista vaihtoehdoista:

• muutetaan teksti muotoon ”Ubuntu Suomen keskustelualueet” (jolloin yhdyssanaudelta vältytään kokonaan)
• muutetaan teksti muotoon ”Ubuntu Suomi – keskustelualueet” (jolloin ajatusviiva erottaa otsikkotasot)
• asetellaan ”keskustelualueet” selkeästi ”Ubuntu Suomi” -tekstin alle.

Täältä ääni vaihtoehto kakkoselle.

[Heikki Ketoharju]

Moi kaikki!

Mukavaa kun tulee näin paljon rakentavaa palautetta.

Integroin teemaan Ubuntu Suomen yleisen valikkorakenteen, ja niinpä yläosa, johon kommentteja esitettiin, muuttui aika paljon. Toivottavasti muutokset vastaavat myös hyviin kommentteihin, joita esititte. Koska tuo yläosan valikko pitää olla identtinen suhteessa muuhun sivustoon, ovat ratkaisut osin hieman erityyppisiä kuin mitä ehdotitte.

Tässä vielä linkki viimeisimpään versioon:
https://heikkiket.kapsi.fi/designs/ubuntu-suomi-forums/

Itselläni alkaa hiljalleen olla takki tyhjänä sen suhteen, mitä teemassa vielä pitäisi korjailla / muutella. Olen siis teidän palautteenne varassa, ja toisaalta ryhdyn kyselemään, olisiko hiljalleen aika testata teemaa näillä varsinaisilla foorumeilla? Sen voisi ehkä aluksi asentaa valinnaiseksi teemaksi.

Valmis asennuspaketti löytyy tästä:
http://heikkiket.kapsi.fi/designs/ubuntu-suomi-forums/Themes/ubuntu-fi-theme.zip


Tietysti kännykkään taittuminen olisi hauska lisä mihin tahansa ulkoasuun näinä päivinä, mutta on hankalaa muuntaa tietokoneen näytölle suunniteltu teema oikeasti mobiiliystävälliseksi. Etenkin, jos ajatus on, että foorumeilla voi tehdä muutakin kuin vain selailla.

[Tomin]

olisiko hiljalleen aika testata teemaa näillä varsinaisilla foorumeilla? Sen voisi ehkä aluksi asentaa valinnaiseksi teemaksi.

Jos tuohon ei tule muutoksia ihan heti, niin lupaan laittaa sen tänne valittavaksi. Päivittyminen tänne on sitten vähän hitaampaa, mutta jos ajattelee, että sen "savutestin" tekisi tuolla testifoorumillasi, niin ei täällä niin helposti leviä käyttäjien naamalle sitten.

Kännykkään taittuminen olisi tietysti hauska lisä, mutta on hankalaa muuntaa tietokoneen näytölle suunniteltu teema oikeasti mobiiliystävälliseksi.

Se olisi hauskaa, mutta käytännössä pohjalla olevan teeman pitäisi olla suunniteltu mukautuvaksi (siis responsive web design).

Muokkaus: Huomasin yhden virheen tuolla koodissa. Alalaitaan tulee ilmeisesti teemasta rivi:

Koodia: [Valitse]

<li class="copyright"><a href="http://www.ubuntu-fi.org" title="www.ubuntu-fi.org"><b>Ubuntu Suomi -teema</a> pohjautuu <a href="http://custom.simplemachines.org/themes/index.php?lemma=2482">Noltin tekemään Ubuntu-teemaan</a>.</li>Tuossa tuo <b> tagi on ihan yksinään ilman lopetustagia. Se on varmaankin unohtunut sinne.

[Heikki Ketoharju]

Niinpä näkyi b-tagi jääneen teemaan. Otin sen pois, ja samalla tarkensin linkin osoitetta: se vie nyt Wikiin, WWW-sivulle.

Teeman Zip-tiedosto on myös päivitetty. Koetan jutella muun WWW-tiimin kanssa ja kysellä, miten teema saataisiin myös Launchpadin versionhallintaan.

https://heikkiket.kapsi.fi/designs/ubuntu-suomi-forums/

[Tomin]

Näköjään testisivustolle on ilmestynyt vähän alafoorumejakin. Näyttää hyvältä.

Tuli mieleen, että mitähän Kapsi tykkää, kun siellä lukee, että Tentacle Networks tarjoaa. Juu, testisivusto on. Saisikohan tuota lisäystä tehtyä SMF:n muokkauksena. Tai ihan varmasti saisi, voisin kokeilla huomenna tehdä. Sitten se olisi kaikissa teemoissa käytössä eikä sitä tarvitsisi tuohon teemaan sitoa.

Näyttää aika paljon siltä, että tuon voisi ottaa testikäyttöön täälläkin. Jokainen voi sen aluksi valita itse käyttöön ja jossain vaiheessa sitten laitan sen oletusteemaksi eli sitten se näkyy kaikille, jotka eivät ole kirjautuneita tai eivät ole valinneet itse teemaa.

[Heikki Ketoharju]

Moi!

Hyvä idea, jos tuon sponsorin saisi teemaan jostain SMF:n kautta. Nyt footeriin tulee forum_copyright() -niminen funktio, joten saisiko siihen kiinni? Kyseinen funktio tulostaa tekstin, joka tämän nykyisen oletusteeman footerissa lukee. Näppärintä siis toki olisi, jos löytyisi vielä erillinen lohko tuon perään lykättäväksi.

Päivitin vielä teeman thumbnailin kohdilleen ja kävin teeman kuvatiedostot läpi: siellä ei ole enää mitään suomennettavaa. Toki ikoneita voisi halutessaan piirtää teemaan sopivammaksi, mutta itse en ole huomannut isoja kauneusvirheitä: aika hyvin tuntuisivat sopivan niin kauan kuin ovat valkoisella tai harmaalla taustalla.

[Tomin]

Tulipa mieleen, että eihän sitä tarvitse edes omaksi muutoksekseen tehdä, jos joku tekee sen valmiiksi. Tämä näyttäisi hyvältä, vaikka tekeekin vähän enemmän kuin tarpellista: http://custom.simplemachines.org/mods/index.php?mod=3703
Muokkaus: Paitsi ettei asennu tälle foorumille. Joku muu muutos estää...

Muokkaus 2: Huono kun tuo muutossysteemi ei tarjoa mitään helppoa tapaa lisätä noita. Pitäisi ilmeisesti tukea erikseen jokaista teemaa. Muutenhan tuon saisi lisättyä muokkauksen kautta tuonne teeman index.template.php-tiedostoon kuten se siellä nytkin on.

Muokkaus 3: Haa! Tämä onkin niin fiksu, että osaa ehdottaa saman muutoksen tekemistä muihinkin teemoihin. Eli niin kauan kuin tuo tiedosto on yhteensopiva oletusteeman kanssa tuon muutoksen voi tehdä.

Muokkaus 4: Toimisikohan tämä. Muokkaus liitteenä. Pitäisi pistää oma testisivusto pystyyn, niin voisi kokeilla. Tekijänoikeuksista sen verran, että tuossahan on tosi vähän mitään minun tekemääni. Logo on Tentaclen, varsinainen koodi otettu tuosta nykyisestä Ubuntu Suomi -teemasta ja loput on geneerista SMF-juttua.

Jos tuo muokkaus toimii, niin voisin asennella sen ja uuden teeman tänne foorumillekin!

[Heikki Ketoharju]

Testasin muokkausta tuolla foorumillani, ja tulos on, että toimii kohtuullisesti. Eli core-teemaan se ei asentunut, mutta SMF:n oletusteemaan ja molempiin Ubuntu-teemoihin kylläkin.

EDIT: eipäs sittenkään toiminut muuta kuin SMF:n oletusteemaan. En ihan ymmärrä, miksi näin.

Tuohon kannattaisi ehkä laittaa rivinvaihto tuon kuvan perään. Silloin se näyttäisi hyvältä eri teemoissa ilman kummempia CSS-muokkauksia.

[Tomin]

Testasin muokkausta tuolla foorumillani, ja tulos on, että toimii kohtuullisesti. Eli core-teemaan se ei asentunut, mutta SMF:n oletusteemaan ja molempiin Ubuntu-teemoihin kylläkin.

EDIT: eipäs sittenkään toiminut muuta kuin SMF:n oletusteemaan. En ihan ymmärrä, miksi näin.

Muistit kuitenkin ruksia ne laatikot niistä muista teemoista, kun asensit? Core-teeman kanssa ei toimi joo, kun se ei ole täysin samanlainen. Voin toki katsoa sitäkin.

Tuohon kannattaisi ehkä laittaa rivinvaihto tuon kuvan perään. Silloin se näyttäisi hyvältä eri teemoissa ilman kummempia CSS-muokkauksia.

Katson huomenna tuota ja pistän ehkä pystyyn oman testiympäristönkin, niin saan ihmetellä itsekin.

[Tomin]

No niin. Nyt on omakin testisivu pystyssä ja muokkauksen pitäisi toimia default, core ja ubuntu-fi-theme teemojen kanssa. Asentaessa pitää muistaa ruksia ne teemat, joihin tuon asentaa. Vain default on oletuksena valittu.

Laitoin rivinvaihdon kuten ehdotettiin ja pienen pätkän CSS-tyyliä.

[Heikki Ketoharju]

Testasin omalle testifoorumille, ja hyvin toimii. Vika tosiaan oli siinä, että SMF:n modisysteemi on itselleni vähän vieras: en ole tottunut, että lisäosat oikeasti puukottaa toisten komponenttien lähdekoodia... Tuntuu riskialttiilta systeemiltä, mutta näyttää kyllä toimivan!

[Tomin]

Tuntuu riskialttiilta systeemiltä, mutta näyttää kyllä toimivan!

Joo, ei hirveän mielellään mene monimutkaisempia juttuja laittelemaan ja koodi on hyvä tarkastaa valmiiksi.

Asensin tuon teeman (viimeisin versio paketista) ja sen voi kukin halutessaan ottaa käyttöön tuolta ylempää valikosta Profiili / Vasemmalta Keskustelualueen asetukset / Nykyinen teema -kohdasta (muuta)-linkki / Etsi Ubuntu Suomi -teema ja valitse Käytä tätä teemaa.

Muokkaus: Jaha, pieniä lastentauteja tässä vielä on:

• Peräkkäiset viestit saisivat erottua paremmin toisistaan. Default-teemassa se on tehty sillä, että joka toisella viestillä on vähän eri taustaväri. Tässä viestit eivät tunnu erottuvan muutenkaan taustasta. Toinen ratkaisu voisi olla laittaa viestien välille ohut erotin eli vaikkapa border-top/bottom: 1px solid tuo_oranssi_väri. Se saattaa kaivata vähän paddingiä, jottei tule liian kiinni. Jos tuon laittaa ylös, niin sitten pitää tehdä :first-child { border-top: none } ja jos tuon laittaa alas niin ei ehkä tarvitse tehdä mitään.
• Lainauksen teksti ei näy, koska väri on väärä.
• Näköjään viestien perässä oleva Uusi-linkki on vaihtunut kuvasta tekstiksi. Se ei oikein erotu nätisti viestistä. Nopea korjaus olisi tyylitellä se niin, että se muistuttaisi noita oransseja nappeja.
• Joissain napeissa on alleviivaukset (katso viestiketjun loppua). Luultavasti ei pitäisi olla.

Tuo Tentaclen logo löytyy nyt sitten kaikkien teemojen alalaidasta. Se on myös tuolla ylhäällä ainoastaan default-teemassa, joka on vielä toistaiseksi foorumin oletus. Toki täällä kuunnellaan ehdotuksia siitä, mihin muualle tuon voisi sijoittaa, mutta ainakin tuo on todella selkeä nyt.

Hmm, tuolla on vielä jotain html-tageja pielessä hakulaatikon kohdalla. Näyttää vähän siltä, että siellä on pari ylimääräistä div- ja yksi ylimääräinen span-lopetustagi tai sitten ne ovat vain väärässä järjestyksessä.

[raimo]

Tosi hyvältä näyttää!

Mutta code-tagien sisältö saisi olla pykälää suuremmalla fontilla ja nyt niiden fontti ei kai ole koodille sopiva "mono-fontti"?

edit: joku vika on tuossa teemassa, foorumi latautuu sillä todella hitaasti nyt. Johtuisiko siitä että yläosa tulee eri palvelimelta?
Kenties ei ole hyvä idea että ko. osio on foorumissa mukana.

Vaihdoin takaisin oletusteemaan ja foorumi alkoi heti toimimaan normaalisti. Ubuntu-teemalla latasi lukemattomien viestien sivua minuutteja.

[Tomin]

Teinpä pienen patchin tuohon teemaan. Heikki voisi katsoa noita ja ottaa käyttöön, jos tykkää. Valitsin käyttää viivaa viestien erottimena, toisin kuin default-teemassa, vaikken ihan juuri sillä tavalla kuin edellisessä viestissä ehdotin. En tiedä kumpi tyyli nyt sitten olisi parempi.

Lainausten ja kooditagien fontti on aika pieni ja erikoinen. Sille voisi tehdä vielä jotain. Voi olla ettei tuo Ubuntun oma monospace fontti ole niin hieno kuin voisi kuvitella, joten jos sitä ei ole ns. pakko käyttää, niin voisi harkita jotain muuta.

Uusi-tekstiä en muuttanut, koska se näkyy olevan kuva, mutta ei löydy foorumilta. Ilmeisesti jotain häikkää suomennosten kanssa siinä? Sen voisi kyllä ihan hyvin tehdä tyylityksilläkin ja jättää kuvan kokonaan pois.

edit: joku vika on tuossa teemassa, foorumi latautuu sillä todella hitaasti nyt. Johtuisiko siitä että yläosa tulee eri palvelimelta?
Kenties ei ole hyvä idea että ko. osio on foorumissa mukana.

Joo, minulla oli myös tänään aika hidas. Jostain syystä nyt toimii ihan nopeasti vaikka käytän tätä uutta teemaa.

Muistelen, että tämä on ollut ongelma joskus ennenkin. Joku Timo Jyringin vanha viesti saattaisi valaista asiaa. Ehkä foorumilla pitäisi olla oma cache tuosta?

[mrl586]

Tarvitseeko Tentaclen logon olla SMF:n vakioteemassa kahdessa paikassa: ylhäällä oikealla ja alhaalla keskellä?

[Tomin]

edit: joku vika on tuossa teemassa, foorumi latautuu sillä todella hitaasti nyt. Johtuisiko siitä että yläosa tulee eri palvelimelta?
Kenties ei ole hyvä idea että ko. osio on foorumissa mukana.

Joo, minulla oli myös tänään aika hidas. Jostain syystä nyt toimii ihan nopeasti vaikka käytän tätä uutta teemaa.

Muistelen, että tämä on ollut ongelma joskus ennenkin. Joku Timo Jyringin vanha viesti saattaisi valaista asiaa. Ehkä foorumilla pitäisi olla oma cache tuosta?

Näköjään muistin oikein. Eli ennenkin tuo on tehty niin ettei ylälaidan navigaatiota sitten loppujen lopuksi olekaan ladattu muualta vaan tuosta nav.html:stä tulee oma kopionsa.
http://forum.ubuntu-fi.org/index.php?topic=40837.msg348603#msg348603

Muokkaus: Teemassa on tiedosto html/nav.html, jota myös käytetään, joten ei pitäisi olla tuosta kiinni.

Katselin myös, että tuo Uusi-kuva löytyy, ongelma on vain siinä, että kielitiedostoja etsitään sekä finnish että finnish-utf8-hakemistoista, mutta jälkimmäistä ei ole teemassa. Lisäksi meillä pitäisi olla luki ruotsinkielelle. Toisaalta tuosta kuvasta olisi helppo päästä eroonkin, jos tekisi tuon css-tyyleillä. Ongelma vain näyttäisi olevan, ettei tuo rivi html-koodia tule teemasta vaan foorumisoftasta itsestään eikä siinä ole mitään järkevää luokkaa tai muuta mitä käyttää.

[Heikki Ketoharju]

Moi!

Testasin Tominin patchia, ja siinähän oli hyvää materiaalia, joten otin sen lisämuokkauksien pohjaksi. Kiitos!

Lisäsin alalaidan linkkeihin :hover-vaihtuvan taustavärin, samanlaisen kuin foorumin napuloissa on. Kooditagit oli näemmä unohtunut kokonaan muokata, joten tein niihin parannuksia. Vika oli se, että ne eivät käyttäneet Ubuntu Mono -fonttia lainkaan.

Uusi-kuvissa ongelma on, että näemmä kieliteemoja on kaksi: utf-8 ja jokin toinen, arvaisin että Latin-1. Teemassa on nyt kaksi erillistä suomennoskansiota: finnish ja finnish-utf8. Näin Uusi-kuvan pitäisi toimia.

Latautumisen hitausongelma johtui alun perin juuri toiselta palvelimelta ladatusta nav.html:stä. Nykyään nav.html ladataan samalta palvelimelta. Nav.html:n Ubuntu Suomi -logo sen sijaan tulee edelleen ubuntu-fi.orgista. Samoin spacer.gif. Oma käsitykseni on, että sen ei pitäisi sivuston kokonaisuuden latautumista hidastaa, koska kuvat ladataan erillisillä get-pyynnöillä. Eihän sitä kuitenkaan tiedä: viimeksikin kun sivusto hidasteli, oli ongelma juuri kahden palvelimen setupissa.

Päivitetty versio teemasta löytyy jälleen testisivuiltani:
https://heikkiket.kapsi.fi/designs/ubuntu-suomi-forums/index.php