Hjemmeside

Større ændringer af hjemmesidens layout

Jeg har brugt min fritid den sidste uge eller to på at lege rundt med responsivt CSS design for denne hjemmeside, og ændre den måde hvorpå den – nu meget gamle side – fungerer. Jeg ville have det til at virke for mindre (især mobil-) skærme på en enkel og logisk måde, men også på en måde hvor jeg ikke skulle til at omskrive hver enkelt side på webstedet.

Jeg snublede over CSS-biblioteket Pure CSS mens jeg ledte efter løsninger til nogle af de design-ændringer jeg forsøgte at lave, og besluttede mig for at bruge det. Mit gamle layout brugte tabeller til alt – en lettere forældet metode allerede da jeg startede med hjemmesiden i sin tid – og det har irriteret mig i årevis. Nu er alt i CSS, og virker på enkle responsive måder med forskellige vinduesstørrelser. En sammenligning af det gamle og det nye sidelayout for forsiden af webstedet:

Jeg har lavet masser af ændringer til hjemmesiden, men jeg vil lige prøve at opliste de vigtigste af dem her:

  • Jeg plejede at have et søgefelt i bunden af hver side, som viste søgeresultaterne inde på siden ved blot at udvide højden af siden med resultaterne. Dette er nu blevet ændret til et mindre søgefelt i den øverste menu (i hvert fald for store skærmstørrelser – mere om det i et øjeblik), der fører til en destinationsside med Google-resultater som en pop-up i stedet for.
  • Alle ikoner er blevet ændret fra små PNG-filer til egentlig vektorgrafik, gennem forskellige CSS definerede skrifttyper. Hjemmesiden Fontello, hvor du kan oprette din egen font pakke til brug for netop dette, var en enorm hjælp.
  • Jeg har tilføjet standardknapper til social deling, som ændrer indholdet af de faktiske knapper afhængigt af den bruger der ser siden. Disse knapper er skabt og hostet via AddThis – de fleste typiske internetbrugere genkender sikkert deres “plus”-ikon. Disse knapper skjuler sig automatisk for mindre skærmstørrelser, for ikke at være i vejen.

Den nye responsive menu er også en del af Pure CSS biblioteket. Jeg har haft en masse sjov at få den til at reagere på forskellige skærmstørrelser, således at en lille telefonskærm stadig vil være i stand til at se alle top-menu punkterne, mens mere information kan blive vist på større skærme. De tre forskellige funktionsmåder i menuen kan ses nedenfor:

Forskellige størrelser af menuen

Den nye menu, der ændrer sig alt efter størrelsen af vinduet

Når skærmen bliver mindre, er det først beskrivelses-teksten der forsvinder fra ikonerne. Derefter er det de sociale netværks-links, oversættelse-links og søgelinjen der forsvinder, de to sidstnævnte fusionerende i den øverste menu som nye ikoner.

Til sidst sørgede jeg for at under-menuen (og hoved-menuen, hvis en skærm bliver ekstremt lille) kan rulle til siden på en måde som giver mening med en touch-skærm, og såmænd også på en PC hvis man har lyst til at scrolle til siden. Jeg forsøger stadig at finde ud af en måde at overlejre en lille pil i siderne af undermenuen når denne mulighed er i aktion, men indtil videre har jeg ikke fundet en løsning.

Del dette:
Posted by PJR in Hjemmeside, 0 comments

Alt for få opdateringer

Det føles som om at jeg har opdateret denne blog alt for sjældent i de sidste par år – og det gælder også hjemmesiden i sig selv. De sidste par dage har jeg haft brug for lidt overspringshandlinger, og havde lidt sjov med at gen-kode dele af siden og oprette statistik-tracking. Det viser sig at en masse af notesamlingerne og min gamle afleveringer får en masse trafik, og det er interessant for mig at se på statistikken for dette.

Siden sidste blogindlæg har jeg deltaget i flere workshops, kurser, eksperimenter og konferencer. Værd at nævne var ICNS konferencen i Edinburgh, Skotland, for to somre siden (juli 2013), og et meget spændende eksperiment på IN12 (ILL, Frankrig) i samme måned.

Jeg er nu færdig med alle mine undervisningstimer, efter at have været kursusinstruktør i Eksperimentel Fysik kurset tre gange (selv om første gang var før jeg startede min Ph.D.) og én gang i neutronspredningskurset – plus et par mindre ting på forskellige sommerskoler. Jeg er også næsten færdig med at tage kurser, da jeg deltog i en lang række workshops i den første del af mine studier.

Jeg har i mellemtiden også haft over et års lang afbrydelse fra mine studier på grund af helbredsproblemer, og jeg arbejder i øjeblikket på at komme tilbage ved at afslutte mit speciale, så jeg kan fortsætte på Ph.D.-planen jeg startede tilbage i marts 2012. Forhåbentlig vil dette være muligt fra begyndelsen af denne sommer.

Del dette:
Posted by PJR in Eksperimenter, Hjemmeside, Studier, Undervisning, Workshops, skoler og kurser, 0 comments
Jeg er blevet gift, og jeg har ændret mit navn

Jeg er blevet gift, og jeg har ændret mit navn

Mit gamle navn er Pia Jensen, men da min nye mand har fedt et efternavn, har jeg besluttet at beholde mit tidligere efternavn som nu kun et mellemnavn, og tage hans efternavn – Ray. Så mit navn er nu Pia Jensen Ray i fulde, eller bare Pia Ray eller P. J. Ray i den korte version.

Navneændringen har også inspireret mig til at få et nyt domæne, pjray.dk. Jeg har i lang tid brugt bozack.dk (eller egentlig mest fys.bozack.dk) hjemmesiden til min personlige hjemmeside og e-mail, men jeg følte at det måske var på tide at gøre noget andet. Desværre var det simple navn ray.dk allerede taget af en person der kun bruger det til e-mails (jeg selv skrev med personen for at spørge om jeg kunne købe domænet, men ak) – det ville have været meget sejere at eje.

Indtil videre vil dette nye domæne blot omdirigere til de gamle sider, da jeg ikke har meget tid til at genlave hjemmesiden som jeg gerne vil. En eller anden dag vil jeg sætte mig ned og se om jeg kan få et CMS som Drupal eller bare gode gamle WordPress til at virke. Al den kodning jeg har lavet på denne gamle hjemmeside er begyndt at irritere mig, da så meget af det er super manuelt og tidskrævende at opdatere. Et egentligt CMS med en log-in, og en lidt mere WYSIWYG-tilgang til tingene, ville være en dejlig forandring.

Noget andet er at denne navneændring kommer på et forholdsvis belejligt tidspunkt med hensyn til videnskabelige publikationer. Det er altid bedre at holde sig til et enkelt navn i stedet for at ændre det midt i en karriere. Vi har en publikation der kommer ud snart, og jeg har kunnet få mit nye navn på der – før det blev sendt det ind – så det er en god start.

Del dette:
Posted by PJR in Hjemmeside, 0 comments

Endelig en blog!

Ja, så kom dagen endelig hvor jeg lavede mig selv en blog. Jeg har vel manglet det i et stykke tid, når jeg syntes at der skulle skrives noget på min hjemmeside, selv om der ikke rigtig var et sted at skrive det henne… Så jeg satte mig ned og skrev noget simpel PHP kode til at vise hvad jeg skrev, og nu skriver jeg så dette første indlæg. Jeg tilføjer nok flere funktioner senere, som f.eks. RSS feeds, permanente links, osv. Men for nu burde dette her fungere.

Hvis du ikke har set min hjemmeside før, så lad mig introducere den: Dette er min personlige hjemmeside, som jeg primært bruger til at have ting liggende på, relaterede til min uddannelse i fysik ved Niels Bohr InstitutetKøbenhavns Universitet. Du kan læse lidt mere om mig på Om Mig siden, eller se mit CV. Dokumenter siden indeholder forskellige dokumenter som jeg har forfattet over tiden i mine studier – de mest populære er mine gymnasie-rapporter fra fysik og kemi, og alle de formelsamlinger som jeg har lavet i løbet af min universitetsuddannelse. Studier siden indeholder en oversigt over de kurser som jeg har taget på universitets-niveau, både i løbet af min tid som bachelor- og kandidatstuderende. Bøger siden indeholder en oversigt over bøger jeg har brugt igennem mine studier, med lidt anmeldelser og kommentarer til nogle af dem. Links siden er en kort liste over links som jeg har fundet interessante eller relevante.

Indlæggende på denne blog vil primært være små opdateringer angående min uddannelse (jeg starter min Ph.D. den 1. marts), og opdateringer angående denne hjemmeside.

Del dette:
Posted by PJR in Hjemmeside, 0 comments