qna added

proj/YT2P/qna.php

@@ -11,12 +11,41 @@
 <div id="root">
 
 <main>
-    
-<h4>Hi!</h4>
 
-<p>This is a work in progress...</p>
+<h1>YT2Prompt - Questions & Answers</h1>
 
-<p>But you should be able to guess what it's all about. Right?</p>
+<section class="qna">
+  
+
+<p class="q">What is this?</p>
+
+<p class="a">I'm glad you asked. You see, like a lot of people, I've started to spend quite some time with ChatGPT. Even if it's not its main goal, ChatGPT is more than capable when it comes to summarising content. Like a lot of people too, I do spend way too much time on YouTube. But I do it to educate myself, mostly, well, sometimes... Anyway, I do like to take notes and organise them in my "second brain" (I personally use Obsidian). But I don't take as much notes as I would like too. So when I started to play with ChatGPT, I saw an opportunity, but I encountered few  issues...</p>
+
+<p class="q">What issues? Can you tell me more?</p>
+
+<p class="a">Well, firstly, manually grabbing the transcripts from youtube videos is annoying. You have to use your mousse, click several times on different buttons then scroll down.... Gosh, there must be a way too do that more efficiently.</p>
+
+<p class="q">Is there?</p>
+
+<p class="a">Of course there is. Do you really think that every time you enter a link on the homepage I personally go to YouTube.com to copy and paste the transcript?</p>
+
+<p class="q">Hum, no, I don't think so...</p>
+
+<p class="a">No shit... Well, I knew that one could download subtitles with an amazing tool called youtube-download. But I wanted to go a bit further and present the result on a webpage bu</p>
+
+<p class="q">How did you do that?</p>
+
+<p class="a">Can you stop interrupting me? I'll explain in a second. So, I wanted to present the result in an easy peasy way but I had one issue with CharGPT. Since it was designed as a conversational tool, it can't take too long chunks of text. So I had to split them in several parts. So I did that. And now it works.</p>
+
+<p class="q">May I now ask how you made it work?</p>
+
+<p class="a">Yes you may. So basically, the home page sends the content of the form (url and language) to a php script that pass this data to a Python script on the server side which downloads the subtitles and cut them in smaller pieces so ChatGPT can process them. Then the result is printed on the HTML page that is returned by the server. With few bits of JavaScript, you just have to click to copy the text.</p> 
+
+<p class="q">Wow, that's impressive. Who are you btw???</p>
+
+<p class="a">I'm a wizard.</p>
+
+</section>
 
 </main>
 </div>