---
import summizeExample from "../../assets/summizeExample.png";
---

<div
	id="summize"
	class="window projectwindow"
	style="width: 70%; height: 45%; position: absolute; left: 30%; top: 10%; display: none;"
>
	<div id="summizeheader" class="title-bar">
		<div class="title-bar-text">Summize</div>
		<div class="title-bar-controls">
			<button class="close" aria-label="Minimize"></button>
			<button class="close" aria-label="Close"></button>
		</div>
	</div>
	<div class="window-body" style="height: 100%;">
		<div class="field-row-stacked" style="height: 100%;">
			<!-- prettier-ignore -->
			<div
        id="text20"
        style="font-size: 22px; resize: none; padding: 10px; height:90%; overflow-y: auto; padding-top: 0px;" 
        >
		<a href="https://github.com/S1monlol/summize"><h1 style="width: fit-content;"><i><u><b>Summize - A Youtube Video Summarizer</b></u></i></h1></a>
		<img src={summizeExample.src}>
		<h2>
			Summize is a browser extension that summarizes YouTube videos using OpenAI's GPT-3.5 language model. 


		</h2>
	</div>
		</div>
	</div>
</div>
