Giter Club home page Giter Club logo

Comments (32)

tdurieux avatar tdurieux commented on June 12, 2024 4

First version online: https://kth.github.io/ci-hackathon/solutions/tdurieux_poet_history/index.html

It is really simple for the moment. I am open to any suggestion to make it better :)

from ci-hackathon.

tdurieux avatar tdurieux commented on June 12, 2024 2

I centered the content. Also, if you maintain a click on the poem the animation is paused. It is resumed when you release the click. It allows reading the poem.

from ci-hackathon.

tdurieux avatar tdurieux commented on June 12, 2024 1

You can pause the scroll my maintaining a click on the web page. I don't really know how show the evolution and at the same time highlight the poems.

Maybe randomly stop and start to read the poem?

from ci-hackathon.

tdurieux avatar tdurieux commented on June 12, 2024 1

It uses the default language of your browser :) mine is in English

from ci-hackathon.

gluckzhang avatar gluckzhang commented on June 12, 2024 1

Just tried the latest version. Super cool!

from ci-hackathon.

bbaudry avatar bbaudry commented on June 12, 2024

That's super cool!
How about these possible inspirations for the initial text

from ci-hackathon.

bbaudry avatar bbaudry commented on June 12, 2024

The poetry of science

from ci-hackathon.

tdurieux avatar tdurieux commented on June 12, 2024

It could be really nice to send something to 'The poetry of science' at the end of the Hackaton!

from ci-hackathon.

bbaudry avatar bbaudry commented on June 12, 2024

indeed, Sam Illingworth might be intrigued by the process of CI poetry

from ci-hackathon.

ErikNatanael avatar ErikNatanael commented on June 12, 2024

That's a very cool! If he accepts outside contributions that would be great

from ci-hackathon.

nadiacw avatar nadiacw commented on June 12, 2024

Here are some of my references for the poetry:
http://www.ericascourti.com/
http://www.joannemcneil.com/projects-2/
https://pipthornton.com/2016/06/12/poem-py-a-critique-of-linguistic-capitalism/
http://poeticcomputation.info/
http://code-poems.com/index.html
https://sfpc.io/
https://news.stanford.edu/news/2013/december/code-poetry-slam-122013.html (next hackathon idea - software poetry slam)
https://blog.massol.me/all-work-and-no-play-kpiv/

from ci-hackathon.

bbaudry avatar bbaudry commented on June 12, 2024

some code for the code poetry slam is on github
https://github.com/lwu/say-23
https://github.com/lwu/say-23/blob/master/say23.english

could fun to use it and to propose the version produced on Monday evening as a PR

from ci-hackathon.

bbaudry avatar bbaudry commented on June 12, 2024

@nadiacw and @ErikNatanael , the installation was a success!
Can you push the code and the poem on the repo?

from ci-hackathon.

ErikNatanael avatar ErikNatanael commented on June 12, 2024

Absolutely, code together with every version of the poem during the night has been pushed to the repo.

from ci-hackathon.

tdurieux avatar tdurieux commented on June 12, 2024

We can do something like this: https://githistory.xyz/ but nicer to see the evolution of the text :)

from ci-hackathon.

ErikNatanael avatar ErikNatanael commented on June 12, 2024

from ci-hackathon.

ErikNatanael avatar ErikNatanael commented on June 12, 2024

Let us know if you take a stab at it! :)

from ci-hackathon.

bbaudry avatar bbaudry commented on June 12, 2024

it's super cool!

from ci-hackathon.

ErikNatanael avatar ErikNatanael commented on June 12, 2024

That's brilliant! :D Only tiny suggestions and ideas:

  • maybe "poem" in the title instead of "Poet"?
  • slightly faster tempo could be cool maybe?
  • Do you think it would be nice with the "standby" ambient version of the sonification in the background?
  • Possibly a timeline where you could "scrub" along the versions would be cool? The minimal look is great so it would have to be a very very tasteful slider
  • I played around with putting the title on the side, I think it looks kind of nice, but it's pretty mobile hostile so I don't know :)
    poem-history-fooling-around

from ci-hackathon.

nadiacw avatar nadiacw commented on June 12, 2024

Amazing!
I agree with Erik on changing the title to "poem". Also, the font used in the printed poems of the installation is https://fonts.google.com/specimen/Karma, so it would be super nice to use that.

from ci-hackathon.

Jacarte avatar Jacarte commented on June 12, 2024

from ci-hackathon.

tdurieux avatar tdurieux commented on June 12, 2024

maybe "poem" in the title instead of "Poet"?

Yes, changed

slightly faster tempo could be cool maybe?

Done

Do you think it would be nice with the "standby" ambient version of the sonification in the background?

It can be interesting, where can I find the music?

Possibly a timeline where you could "scrub" along the versions would be cool? The minimal look is great so it would have to be a very very tasteful slider

I did a first version, WDYT?

I played around with putting the title on the side, I think it looks kind of nice, but it's pretty mobile hostile so I don't know :)

I used your idea, I can easily adapt the team for mobile but not sure if there are a lot of mobile users that will see that page :)

from ci-hackathon.

ErikNatanael avatar ErikNatanael commented on June 12, 2024

Very nice! Yeah, I agree, let's leave mobile users to their fate! I'll make a recording of some background music.
I love the slider, except for the scrollbars. I think if both they and the poem were centered that would be neat (I hacked it for my resolution):
Screenshot_20191022_170216
(p.s. it definitely still says "poet" in the title for me)

from ci-hackathon.

ErikNatanael avatar ErikNatanael commented on June 12, 2024

It's beautiful! Can I include it in the archive page for the hackathon?

from ci-hackathon.

tdurieux avatar tdurieux commented on June 12, 2024

Of course, and if you want to change something please do it :)

from ci-hackathon.

nadiacw avatar nadiacw commented on June 12, 2024

Super cool! Thank you so much for doing this!
I just wonder if it would be nice to pause the scroll somehow, to be able to read each poem? The overall effect of constant change is one of the goals, but the installation was also designed so each instance could be read and make (maybe?) sense.
But it's great how it is!

from ci-hackathon.

ErikNatanael avatar ErikNatanael commented on June 12, 2024

from ci-hackathon.

tdurieux avatar tdurieux commented on June 12, 2024

Good idea to change the color.
I added that and now the poem is read when you pause the "scroll".

from ci-hackathon.

ErikNatanael avatar ErikNatanael commented on June 12, 2024

Looks nice! Haha, is that a Norwegian TTS voice?

from ci-hackathon.

tdurieux avatar tdurieux commented on June 12, 2024

I changed this behavior, now it is forcing an English voice.

from ci-hackathon.

tdurieux avatar tdurieux commented on June 12, 2024

@ErikNatanael & @nadiacw I just realized that I forgot to cite you in the visualization. It is now fixed :)

from ci-hackathon.

ErikNatanael avatar ErikNatanael commented on June 12, 2024

Thanks, I definitely think you should add your own name too though!!

from ci-hackathon.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.