This is a recurring post to discuss programming or other technical projects that we've been working on. Tell us about one of your recent projects, either at work or personal projects. What's interesting about it? Are you having trouble with anything?

Find yourself watching tons of great videos on [insert chosen video sharing platform], but also find yourself reluctant to flood the Tildes front page with them? Then this thread is for you.

It could be one quirky video that you feel deserves some eyeballs on it, or perhaps you've got a curated list of videos that you'd love to talk us through...

Share some of the best video content you've watched this past week/fortnight with us!

Have you watched any movies recently you want to discuss? Any films you want to recommend or are hyped about? Feel free to discuss anything here.

Please just try to provide fair warning of spoilers if you can.

I have tried and tried to write a daily journal/diary and always gave up after a while. My longest stretch was over the course of five years. It always devolves into a litany of banality, though, and when I look back at it, invariably appears a bit cringy.

So I have decided to start keeping a commonplace book- a place to write down interesting thoughts, quotes, ideas I come across and so forth. Without the chronological format of a journal I feel less compelled to list down stuff for the sake of it and am actually listing down ideas I'd like to remember.

Do any of you do something similar?

I was wondering what the best open source EPUB reader was, for both Android and Windows 10/11. It's ok if it's a different app for each platform.

I don't need to be able to convert EPUB to proprietary formats, I just need to be able to read some DRM-free EPUBs I have, preferably on an app that's open source so just does its job without collecting a bunch of data.

I often find myself ruminating over something I said that didn’t get the “right” feedback. Maybe this means my opinion wasn’t validated, or someone proved I was wrong, or I was completely ignored. The repetition of these moments in my head can last for days, sometimes years. I’ve learned a few coping mechanisms because no one can be perfect, for example, just telling myself that it’s a learning lesson and realizing that most of the “embarrassing” things I’ve said in the past are completely forgotten by anyone else who heard usually helps get me through. Can anyone who relates to this share some other good tips/tricks?

I'm attempting to make my company's online software documentation ADA-accessible. We have several JavaScript elements that are currently not accessible to a screen reader. The one I'm working on is a set of tabs that show/hide content depending on which one you click. I am trying to use ARIA tags to make the tabs accessible. I have based my code off of this page, with some modifications. Namely, they use <a> tags as the active element and I do not want to use <a> tags.

While I'm able to get the tabs to work fine for me (a sighted person), testing with a screen reader shows mixed results. I can get the tabs to work using the Windows Narrator screen reader on Microsoft Edge in Windows 10, but not Chrome or Firefox in Windows 11. In those configurations, it is impossible to switch tabs. (I haven't tested every possible permutation, but it's probably a browser issue.) I don't know why this is happening because I have set up all my ARIA tags, and it does work on Edge.

Can anyone help me understand what I'm doing wrong so I can debug the issue and improve the code? Requirements are:

• The first tab must be selected (showing content) by default. Other tab content must be hidden by default, except the tab button to click on
• Sighted users must be able to navigate between tabs by clicking on the tab headers via mouse
• Visually impaired users must be able to navigate between tabs via keyboard/screen reader
• The presence, function, and usage of the tabs must be clear to the screen reader
• I do not want to use an <a> tag nested in the <li> as the active element because this causes the page to jump around when sighted users click on it. I would like the entire "button" (right now, the <li> tag) to be clickable.
• Must work on all/most common browsers and popular operating systems

I suspect this is a JS issue, but I'm at a loss here and I don't know how to proceed.

<ul class="tabs-list" role="tablist">
    <li class="tab current" aria-controls="example-1" aria-selected="true" href="#example-1" id="tab-example-1" role="tab">Example 1</li>
    <li class="tab" aria-controls="example-2" aria-selected="false" href="#example-2" id="tab-example-2" role="tab">Example 2</li>
    <li class="tab" aria-controls="example-3" aria-selected="false" href="#example-3" id="tab-example-3" role="tab">Example 3</li>
</ul>

<div aria-labelledby="tab-example-1" class="tab-panel current" id="example-1" role="tabpanel">
    <p>Example 1 content goes here</p>
</div>

<div aria-labelledby="tab-example-2" class="tab-panel hidden" id="example-2" role="tabpanel">
    <p>Example 2 content goes here</p>
</div>

<div aria-labelledby="tab-example-3" class="tab-panel hidden" id="example-3" role="tabpanel">
    <p>Example 3 content goes here</p>
</div>

ul.tabs-list {
	margin-left: 2px;
	margin-right: 2px;
	padding: 0px;
	list-style: none;
	position: relative;
    line-height: 8pt;
}

ul.tabs-list:after
{
	position: absolute;
	content: "";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #ddd;
}

ul.tabs-list li {
	color: #333;
	display: inline-block;
	padding: 10px 10px;
	cursor: pointer;
	position: relative;
	z-index: 0;
}

ul.tabs-list li.current {
	background: #fff;
	color: #d9232e;
	border-top: 1px solid #ddd;
	border-bottom: 0px solid white;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	z-index: 100;
}
 
ul.tabs-list li:hover {
	background: #c2c2c2;
	color: #000;
	display: inline-block;
	padding: 10px 10px;
	cursor: pointer;
	border: 1px solid transparent;
}

ul.tabs-list li.current:hover {
	background: #fff;
	color: #d9232e;
	margin-left: 0px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid transparent;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	z-index: 2;
}

div.tab-panel {
	display: none;
	background: #ededed;
	padding: 15px;
	background-color: transparent;
}

div.tab-panel.current {
	display: inherit;
}

$(function(){
  var index = 0;
  var $tabs = $('li.tab');

  $tabs.bind(
  {
    // on keydown,
    // determine which tab to select
    keydown: function(ev){
      var LEFT_ARROW = 37;
      var UP_ARROW = 38;
      var RIGHT_ARROW = 39;
      var DOWN_ARROW = 40;

      var k = ev.which || ev.keyCode;

      // if the key pressed was an arrow key
      if (k >= LEFT_ARROW && k <= DOWN_ARROW){
        // move left one tab for left and up arrows
        if (k == LEFT_ARROW || k == UP_ARROW){
          if (index > 0) {
            index--;
          }
          // unless you are on the first tab,
          // in which case select the last tab.
          else {
            index = $tabs.length - 1;
          }
        }

        // move right one tab for right and down arrows
        else if (k == RIGHT_ARROW || k == DOWN_ARROW){
          if (index < ($tabs.length - 1)){
            index++;
          }
          // unless you're at the last tab,
          // in which case select the first one
          else {
            index = 0;
          }
        }

        // trigger a click event on the tab to move to
        $($tabs.get(index)).click();
        ev.preventDefault();
      }
    },

    // just make the clicked tab the selected one
    click: function(ev){
      index = $.inArray(this, $tabs.get());
      setFocus();
      ev.preventDefault();
    }
  });

  var setFocus = function(){
    // undo tab control selected state,
    // and make them not selectable with the tab key
    // (all tabs)
    $tabs.attr(
    {
      tabindex: '-1',
      'aria-selected': 'false'
    });

    // hide all tab panels.
    $('.tab-panel').removeClass('current');

    // make the selected tab the selected one, shift focus to it
    $($tabs.get(index)).attr(
    {
      tabindex: '0',
      'aria-selected': 'true'
    }).focus();

    // handle <li> current class (for coloring the tabs)
    $($tabs.get(index)).siblings().removeClass('current');
    $($tabs.get(index)).addClass('current');

    // add a current class also to the tab panel
    // controlled by the clicked tab
    $("#"+$($tabs.get(index)).attr('aria-controls')).addClass('current');
  };
});

My husband and I will be alone this Thanksgiving, so we decided to cook a smaller bird than a turkey, specifically a duck. I like duck and frequently order it at restaurants where available, but don't have much experience. I found a low slow roasting recipe that looks promising. I'm already familiar with soup making.

What advice do you have re sauces and meals using leftovers?

I would've gotten the Proton Black Friday offer, but it's only valid for upgrades, not for renewing my current account type. Aside from that I'm looking at:

• Affinity 2 (graphic design software)
• Asesprite (graphic design software)
• Curiosity Stream (streaming service for documentaries)
• Kindle Scribe (I'm particularly intrigued by the pen/notebook functionality on this e-reader)

How about you?

Edit 2023-11-27 - I ended up getting the Affinity deal because it was an additional discount on top of the V1 upgrade discount! So I was able to get the entire V2 package for about 67 USD. The Black Friday discount is 40% and then the upgrade discount is 25% on top of that.

I also would've wanted to get the hydroxyapatite toothpaste from my fave floss brand, Cocofloss (25% off the entire site for Black Friday) but it was out of stock.

General Programming Q&A thread! Ask any questions about programming, answer the questions of other users, or post suggestions for future threads.

Don't forget to format your code using the triple backticks or tildes:

Here is my schema:

```sql
CREATE TABLE article_to_warehouse (
  article_id   INTEGER
, warehouse_id INTEGER
)
;
```

How do I add a `UNIQUE` constraint?

Have you watched any TV shows recently you want to discuss? Any shows you want to recommend or are hyped about? Feel free to discuss anything here.

Please just try to provide fair warning of spoilers if you can.

His wife is murdered in the Bataclan terror attack in 2015. Shortly after, Johannes Baus meets Floriane Bernaudat,
who's fiancé was also killed there. They become a couple, and have to learn what it means to love another.

Written by Katharina Render, last updated Nov. 18th, 2023. Published in the "Christ & World" section of DIE ZEIT.

Translated by @Grzmot

When the breaking news from Israel on October 7th pop up on Johannes Baus' phone, he instantly remembers the moment when he was lying on the floor of the Paris music club Bataclan. Islamist attackers shot into the crowd of people, killing 90 attendees, his wife among them. He felt "incredibly cynical morderous energy" in the room, on the 13th of November, 2015, he tells today.

He can feel this murderous lust today, through his smartphone, when the algorithm puts the Hamas hunt for people into his timeline. Videos of young women and men, who like him then, just wanted to dance, murdered, raped, or kidnapped. Johannes Baus defends himself against this hate. The hate of the terrorists now, and even his own. Under no circumstance must he give in to the hate. Get up and live instead! But how are you supposed to do that, when one of the in total 130 victims in the Paris terror attacks in the Bataclane, the Stade de France, bars and restaurants, was the one for him?

In the past four years as a reporter I've talked multiple times with Johannes Baus and visited him in Paris. When we last video-chatted, I asked the lawyer, who's found his home in the french capital; how does one believe in the good of people, when you were forced to live through the most vile thing that people can do to another? When a stranger, because of his upside-down view of religion extinguishes the love of your life? When he makes jokes with his accomplices during the murdering? When you have to bury your wife in her wedding dress, which she wore five months earlier? I wanted to understand: How does hope work?

Two months after the terror of Paris, in January of 2016, hope stands in front of Johannes Baus. She is wearing the same hat like his late wife Maud, and knows like no other, what he has been through. She has lived through the same thing. Floriane Bernaudat, then 27, lost her fiancé Renaud in Bataclan. He was 29. The first bullet hit him in the back, the second entered his groin and exited at his jaw. It was five AM when he died, alone in the hospital, while Floriane Bernaudat was driven to the police with other survivors and a relative of hers called every hospital in the area. When
the relative was finally told, that there is a patient who fits the description, he was already dead. Twelve years they were together. Almost half their lives. Two weeks before the attacks, she had chosen her wedding dress.

And suddenly, there is this stranger, who in a Facebook group for mourners, comments on her post about Renaud: "Your message has touched me deeply, I lost my wife in Bataclan. If you want to meet..."

The so-called Islamic State quickly admitted responsibility publicly, and celebrated the killing of innocents as a "holy raid" against the "crusading France". Almost 700 people were wounded by the terrorists. Floriane Bernaudat and Johannes Baus did not suffer any bodily injuries. But the wounds, that the barbaric murder of their loved ones cut into their souls were so deep, that neither of them imagined, the lawyer nor the headmistress of a private university, they would ever heal. How could they keep on living? The day they first meet, they talk about these thoughts. Till the owner of the restaurant closes for the night, that's how they both describe it.

From a surface perspective, a romance begins to blossom here, how only Hollywood could tell it. It would maybe even be too cliché for the authors of TV soap opera scripts. Too much does this story rely on the "all ends well" trope. It's because it's not true. Not quite. Their love does not grow quick and strong, they are not made for one another. The backdrop of their tale is no idyllic Cornwall, but a Paris, where violence and murders still happen.

Guilt, jealousy, trauma

It's no innocent love between the two, like you could see it on the pictures of the two with their earlier partners. Of photoshoots in tranquil forests and colourful sunglasses on vacations. Floriane Bernaudat and Johannes Baus didn't make their love easy. There was guilt. Jealousy. Secret dreams of their dead partners. Lingering trauma. The fear of being the second choice. At some point they looked at each other and honestly asked: What keeps us together? Are we two sinking survivors who just want to drown together, or do we want something more?

The something more is now five and two years old and doesn't know or understand, what brought their parents together. The first daughter the two survivors called Bérénice. A name of ancient Greek origin, which means: The one who brings victory. The second they called Madeline, "The Illustrious".

When the terorrists storm into the concert of the Eagles of Death Metal, Baus and his wife Maud are standing close to the entry. The tickets were a surprise for them. The 37 year old Maud honestly wasn't in the mood, didn't know the band and was tired from work. In the subway still, she was unsure if she wanted to attend. But when she's there, she really likes it, is how Baus tells me. A happy grooving together. Until they hear the bangs. Like fireworks.

Screaming people run into their direction. He searches for her hand and doesn't find it. He jumps behind the bar and in a break of the shooting, runs out through the backdoor into the open air. Later the police tells him, where they found Maud, who was shot in the heart by the terrorists: Supposedly, she was next to him behind the bar. When you ask Baus to go through it by the minute, he remembers many details, for example a fan which he found and "armed" himself with, until he realised just how stupid that is against an assault rifle. To this day the idea of Maud being right next to him does not fit into his head. His memory of her blanks the moment they run and his hand doesn't reach hers. He believes that
his brain is protecting him from the thought that he could have left his wife behind.

That Madeline and Bérénice "the victory-bringer" were born, is a victory over the doubts. The choice to give in to hope, despite everything. Hope for a world, where the girls will live well. A second yes to life, and the opposite of what drove the terrorists of Paris, who sought their salvation in the next life and some of which blew themselves up.

One of the main culprits of the attacks was later caught in Belgium: Salah Abdeslam, 34, convincted to life in prison. Baus and Bernaudat didn't really follow the court case. They didn't want to give the individual any more attention. It's important that the judiciary is doing its job, they say, but at the same time they understand that the case isn't going to give them any satisfaction. A warmer idea to them is the thought that "our story inspires someone or gives them hope, especially to someone who is afraid of terrorism or the general tragedy of life. That would be wounderful. But it would be even better, if a potential suicide-attacker, who is in danger of seeing a nihilistic act of self-destruction as the best alternative to life, became inspired to see the positives of life and take small steps in a good direction."

This point of view is the result of a long process of therapy and intense work with the human condition. It's an attempt to escape the role of a victim which society attributes them with. Johannes Baus doesn't want to be damned to mourn forever. His thoughts are shared by the journalist Antoine Leiris, who put a similar impulse to paper after the attacks. His wife also died in the Bataclan club. The journalist wrote, addressed to the perpetrators: "I will not give you the gift of hating you. Even when it is what you want. To answer your hate with rage would mean to give in to the same ignorance that made you who you are."

"Make it stop"

Floriane Bernaudat likes this perspective, she tells today. If she liked it back then, when she was hiding in the little space between ceilings, which she climbed to from the wardrobe? The biting glass wool which was supposed to isolate the space, but didn't protect her from hearing the execution shots below her in the hall? When she was one of the last survivors to leave the building, and the policemen told her to look up into the air and not down at the corpses? At Renaud's funeral, when she hated the musical arangement, which her late husband would not have liked?

Both find it difficult to give general advice, for example to the survivors in the middle east. Part of the fact is, they explain, they wouldn't know where they would be without each other. At the same time they agree that love by itself is not the answer. But their example shows, that even close to the wounds on their soul, new moments of happiness can grow. Though they point out, it would be a lie to say that it is easy to remain humane after having witnessed so much inhumanity. Just recently a Algerian colleague of Bernaudat's told her that it's beautiful, that she is able to treat him as a Muslim exactly the same how she treats everyone else. There are many people in France, and not just there, who after the terror of 2015 cannot tell the difference between members of a religious group and islamist fanatics.

They want to teach their daughters that. Of course they should also know, that the "first loves of their parents" existed. But now it's too early. For everyone. That's how Baus and Bernaudat think of it. That's why there are no pictures of Maud or Renaud in the little house in the Paris suburbs, into which the family moved four years ago. But what remains still, is the close connection of the parents to their dead partners. The children have four grandmothers and four grandfathers. Sometimes, Floriane says, she feels like Maud and Renaud guided her and Johannes together from
the afterlife. "They are in our hearts, and our hearts told us, what is right".

In October 2017, almost two years after the attacks, Johannes Baus and Floriane Bernaudat marry. At the wedding, they announce that they are expecting their first child Bérénice. Bernaudat wears a dress which is very different to her first wedding dress. The best man of the wedding, Mehdi, was Baus' best man at his first wedding too. "Maud gave me a part of her gentle soul", believes Johannes Baus. Floriane got a little tattoo of a fox on her arm. In French, "renard" means fox, which almost sounds like Renaud, who is now forever under her skin.

She still sees that last image of him in front of her eyes. How he's dancing happily on the Bataclan stage and waves at her, wanting her to come closer. Floriane is standing a little bit away. She's tired and needs a short break, and it's hot on stage. Then the attacks happen, and pure chaos bhreaks out. Shots, screams, blood everywhere. A man, hit, falls on top of Floriane and begs for help. When Floriane sees the shooters reload, she crawls out from under the injured man and runs to an exit. With approximately fifteen others, one of them a mother with a young son, she ends up in the wardrobe for the musicians. A man takes her hand, "I don't want to die!" Someone manages to punch a hole into the ceiling. Bernaudat climbs into it, crawls over electric cable and fibreglass wool, until she can't anymore. She hears phones ring and shortly after shots ringing. She doesn't dare calling Renaud, but writes a message, "I'm in the ceiling, where are you?"

Johannes Baus sits next to Floriane Bernaudat on the couch. The kids are colouring in princesses. He caresses her arm, the arm with the fox tattoo on it. They talk about the Hamas attacks once more. And to the question, what gives hope in the pitch black. During therapy, the myth of the phoenix rising from the ashes played a big role repeatedly. To gain strength even when facing complete destruction. Maybe that's what it's about, says Bernaudat.

Johannes Baus finds his words in songs, which he composes. Music has always given him much. The bass of his songs plays Matt McJunkins, 40, the ex-bass player of the American band Eagles of Death Metal, who were standing on stage on the 13th of November 2015. McJunkins hid with others, in part injured ones, in the room behind the stage and survived there. Baus asked him some time ago, if he wanted to teach him. Now they make music together.

In the song Chaos Rebuild Baus writes in English how it feels when the world falls apart. When all security is lost and you are thrown into chaos. What do you do then? Then, the song goes on, it's your duty to build a new world. In the chorus of the song, Baus gives us a picture of his new world:

Make it good

Make it just

Make it clean

Make it gentle

Make it stop

This is Album of the Week #10 ~ This week's album is The Undertones - The Undertones

Year of Release: 1979
Genre(s): Pop Punk
Country: United Kingdom
Length: 29 minutes
Listen! (Album.Link)

Excerpt from BBC:

Armed with seemingly rudimentary musical skills, the reason the Undertones stuck out was that, unlike their cooler older peers from London and Manchester, they didn't stick to the rigorous adoption of American garage and art rock like the Stooges to the Velvets. They were still in love with their elder brothers and sisters' Bolan and Bowie albums: their sound welded glam to pub rock, all topped off with Feargal Sharkey's Larry the Lamb warble. If they did take a cue from any USA acts it was the cartoon fun of The Ramones, Here Comes The Summer contains the same Beach Boys-on-amphetamine rush that 'da brudders' wielded so succesfully. At the same time, the accents definitely didn't stray across the pond. Never has the Northern Irish twang been so thrust into the face of our pop kids. Check out the deadpan backing vocals on True Confessions.

Discussion points:
Have you heard this artist/album before? Is this your first time hearing?
Do you enjoy this genre? Is this an album you would have chosen?
Does this album remind you of something you've heard before?
What were the album's strengths or weaknesses?
Was there a standout track for you?
How did you hear the album? Where were you? What was your setup?

--

Album of the week is currently chosen randomly (via random.org) from the top 5000 albums from a custom all-time RYM chart, with a 4/5 popularity weighting. The chart is recalculated weekly.

Missed last week? It can be found here.

Any feedback on the format is welcome ~~