current: 1. Lighting Design Project gallery. Mega-scrolling collage grid with borders. Black. 2. As with blogpost, custom viewer template. Large 'back to gallery' arrow 3. Dummy content as images 4. Iterate through images including in carousel 5. Proper content and release Beta
blogpost: [x] iphone se jump: especially with text snippets [x] fix readingindex spacing. Wrong on iphone [not] light and dark color schemes [x] header scrolls on blog post and project page. Shouldn't. [x] images way too tall [x] coverimage in journal: adds colour [] lighbox for images [] proper recommendations
home: [x] About me section spacing [x] whoami at home [x] carousel broken width on image resize [x] remove profile pic alt and add aria-hidden [x] center collage [x] DRY hero.css [x] call to action on carousel [] throttled screen reflow event [] scrollclue not working [] interactivity on home page hiddenlinks
portfolio:projects: [x] fixed header [x] Join projects and journal on same page [x] project title coverimage for whatsapp [x] cover video [] grid layout: responsive [] add portfolio page. Responsive. Ability to include into a normal journal post as header image in right container. Keep aspect ratio somewhat
portfolio:gallery: [] LD collection: collection.gallery and iterate every entry in collection.gallery[].images [] Create gallery for LD projects [] Link across [] Link to a gallery video. If YT, add respective entry Needs several screenshots: screenshot array with timestamps Automatic opengraph [] youtube embeds: https://stackoverflow.com/questions/22437612/open-graph-tags-for-embeded-youtube-video
https://developers.facebook.com/tools/debug/
https://stackoverflow.com/questions/46616703/finding-open-graph-tags-on-youtube/46616889#46616889
https://stackoverflow.com/questions/3847496/open-graph-ogvideo-meta-tags-content
<meta property="og:video" content="https://youtube.googleapis.com/v/{VIDEO_ID}?hd=1" />
<meta property="og:video:type" contentapplication/x-shockwave-flash" />
<meta property="og:video:width" content="640" />
<meta property="og:video:height" content="360" />
contact: [x] same margin on ig, linkedin on mobile [not] invert order on social meida [x] css grid on contact page [x] aria hidden on button logos [x] svg color in contacts [x] header include [x] mail to the right except on mobile [x] multiline text scrolling [x] scrolling text [x] either all to infinity or not in contact page [x] custom scrolling container with variable height [x] allow dual-line scrolling [x] cta on link: day and night mode [x] contact page must have a collage but with project pics as well [x] rename recentposts class and id [] lightbulb in light up your life li before [x] remove toggle in contact page (or enabled by default) [x] decrypt mail on click: auto on load + timeout [not] monospace mail [x] component socialLinks [] noscript encrypted mail maillto:[email protected]?Subject=%C2%A1Hola Izan! tel:(+34)606137446
main: [x] fix meta description repeated [x] more descriptive titles : contact page! [x] fix meta description [x] multiple h1 fix [x] gridcollage colors [x] then add robots.txt [x] gridcollage contact for more [x] gridcollage with on hover/scroll for mobile! with view more [x] gridcollage horizontal drag scroll [x] gridcollage image fitment [x] gridcollage horizontal mouse scroll [x] proper picture fitment [x] js licensing http://www.gnu.org/software/librejs/free-your-javascript.html [x] capitalization in both footer professions [x] same grid for project page: mage component [x] test noscript [x] end of homepage project list too much margin [x] de-stallmanize [x] fix header item spacing not same left and right
[x] Update software versions
[x] Update image resource generation
[x] block bg image from robots.txt
[x] add contact page
[x] remove link to shitcode.net
[x] change title to descriptive snippet on all pages
[x] fix: snippets soft, better descriptions
[x] fix: proper sitemap
[x] fix: seo canonical links
[x] image shorthand and svg behaviour
[x] contact call to action on every page
[x] component-based header
[x] test canonicals
[x] gallery should be way small on mobile and just have a "view gallery" overlay
[fornow] fix links to '/'
all except inside posts
[x] clean up inline css and embedded css
[x] show home in header. header better disable method with ifs
[x] header not-last-child margin plays bad with flex wrap
[x] header: new organization
"projects" becomes gallery
[x] const instead of let
[x] by github.com/rgon on every js script
[+] encrypt phone numbers as well as mails. push to other proj
[] extract images from video: multiple entries
[] lazy loading project coverimg
[] project list with pagination & tag filtering
[] portfolio image list with pagination
[] add proper images to replace: extracted from portfolio
[] fix serp: check Search Engine Results Page
[] previous button on project page (view all)
[] include related journal entry in project. Sameinverted
[] understand sizes
https://www.aleksandrhovhannisyan.com/blog/eleventy-image-lazy-loading/
[] foss website tracking
https://rgon.es/?t=ig
[] remove will-change contents
[] dry collage from collections: projects.ld or projects.all
[] bulb icon on list
[] smooth loading screen
[] do not optimize svg images
[] carousel dragstart prevention (with perf test)
inspiration: https://michaelkatzberg.wordpress.com/cv/ http://eclectriclight.com/ https://www.christian-jackson.com/ https://gabiproject.com/ https://tobiasahlin.com/ https://piccalil.li project individual view https://www.codecademy.com/courses/learn-html/lessons/semantic-html/exercises/header-and-nav
scrolling fx: https://codepen.io/alvarotrigo/pen/GREdmKW https://codepen.io/alvarotrigo/pen/MWoGmgZ https://codepen.io/alvarotrigo/pen/PojemoK https://codepen.io/alvarotrigo/pen/rNwvmNb