[HN Gopher] Show HN: I made a website where you can create your ...
___________________________________________________________________
Show HN: I made a website where you can create your own "Life in
Weeks" timeline
Author : czue
Score : 35 points
Date : 2025-02-26 13:58 UTC (3 days ago)
(HTM) web link (lifeweeks.app)
(TXT) w3m dump (lifeweeks.app)
| czue wrote:
| After I saw Gina Trapani's "Life in Weeks" last week I got the
| idea that letting anyone make one would be a cool product. I've
| been working on this off and on for the last week, and have
| gotten it good enough where I'm ready to get feedback. You can
| add "Periods" (colors) as well as "Events" to your timeline. You
| can also record longer details that show up on hover,
| automatically add world events, and export/import the entire
| thing to a file.
|
| Happy to answer any questions about the app or build any feature
| requests in near-real time!
| frenchmajesty wrote:
| Great website! I signed up. I found a bug: I cannot input new
| emojis in headlines or description.
| c_biddlecombe wrote:
| This is awesome. Can I embed this on my website?
| czue wrote:
| Yes! Well, I think you could throw it in an iframe, but I'll
| play around with it and create an embeddable view that looks
| better.
| c_biddlecombe wrote:
| I was thinking iframe. Either way, if you're OK with
| embedding it, I think I will. Thanks!
| czue wrote:
| I just added an embedding option. It's not documented yet,
| but you can view the source of my own site to see how it
| works. In terms of styling, it currently only supports
| specifying the background color (color or hex code) via url
| param.
|
| https://www.coryzue.com/life/
|
| This is the relevant source code. The only somewhat
| complicated bit is dynamically setting the height via
| messages:
|
| <section class="section"> <div class="container"> <iframe
| id="life-timeline"
| src="https://lifeweeks.app/embed/life/czue/?bg=white"
| frameborder="0" width="100%" scrolling="no" ></iframe>
| </div> </section> <script>
| window.addEventListener('message', function(e) { if
| (e.data.type === 'resize') { document.getElementById('life-
| timeline').style.height = e.data.height + 'px'; } });
| </script>
| pcthrowaway wrote:
| This is _very_ , very, cool. But I am a little worried it's also
| a social engineer's wet dream.
|
| It'd be great to put everyone's birthday as January 1 of the year
| they were born by default, and scrub things such as:
|
| * City names other than (maybe) the city they currently live in
|
| * Proper names e.g. first partners, spouses, pets (I have no idea
| how you'd do this though, other than warning users if one of the
| top 1000 names are detected in their explanatory text or
| something)
|
| * Names of vehicles
|
| Honestly with how varied security questions can be these days I
| hesitate to suggest there's even a "safe" list of personal facts
| which can be publicly displayed. Obviously whatever you might put
| on LinkedIn or a resume is fair game, but anything beyond that
| may really open you up to attacks.
| caitlinface wrote:
| I really love that you can play around without creating an
| account. Kudos!
| rishikeshs wrote:
| Loved it! Is the code publicly available? When I built mine[1], I
| did the mistake of keeping each row as 26 weeks and 2 rows
| roughly as one year of life. This causes some rounding errors!
| Loved this design as its responsive.
|
| Question: The wider cells, do they represent one week and its
| simply wide just to fit in the text?
|
| [1] https://rishikeshs.com/timeline/
___________________________________________________________________
(page generated 2025-03-01 23:00 UTC)