bplist00�[OSType-DataXUTI-Data�P@� _public.utf8-plain-text_$com.apple.traditional-mac-plain-text_com.apple.webarchive[public.html_ public.utf16-external-plain-textZpublic.rtf_public.utf16-plain-text_�
Welcome, Tyler
Rune
Generator Character
Creator Location
Builder Scene Emotion
Engine Culture
Shaper Magic System
Sandbox Timeline
Builder
O�
Welcome, Tyler
Rune
Generator Character
Creator Location
Builder Scene Emotion
Engine Culture
Shaper Magic System
Sandbox Timeline
Builder
O)bplist00�_WebMainResource� ^WebResourceURL_WebResourceTextEncodingName_WebResourceData_WebResourceMIMEType_WebResourceFrameName_Ehttps://aistudio.google.com/?utm_source=ai.google&utm_medium=referralUUTF-8O�<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tyler's Grimoire Codex</title>
<!-- Link to our new stylesheet -->
<link rel="stylesheet" href="style.css">
<!-- Link to Google Fonts for that fantasy feel -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<header>
<p>Welcome, Tyler</p>
<h1>Tyler's Grimoire Codex</h1>
</header>
<main>
<div class="grid-container">
<!-- Top Row -->
<a href="#" class="grid-item rune">
<span>Rune<br>Generator</span>
</a>
<a href="#" class="grid-item character">
<span>Character<br>Creator</span>
</a>
<a href="#" class="grid-item location">
<span>Location<br>Builder</span>
</a>
<a href="#" class="grid-item emotion">
<span>Scene Emotion<br>Engine</span>
</a>
<!-- Bottom Row -->
<a href="#" class="grid-item culture">
<span>Culture<br>Shaper</span>
</a>
<a href="#" class="grid-item magic">
<span>Magic System<br>Sandbox</span>
</a>
<a href="#" class="grid-item timeline">
<span>Timeline<br>Builder</span>
</a>
</div>
</main>
</body>
</html>Ytext/htmlP(7Ug}����� �O|<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tyler's Grimoire Codex</title>
<!-- Link to our new stylesheet -->
<link rel="stylesheet" href="style.css">
<!-- Link to Google Fonts for that fantasy feel -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<header>
<p>Welcome, Tyler</p>
<h1>Tyler's Grimoire Codex</h1>
</header>
<main>
<div class="grid-container">
<!-- Top Row -->
<a href="#" id="rune-generator-btn" class="grid-item rune">
<span>Rune<br>Generator</span>
</a>
<a href="#" class="grid-item character">
<span>Character<br>Creator</span>
</a>
<a href="#" class="grid-item location">
<span>Location<br>Builder</span>
</a>
<a href="#" class="grid-item emotion">
<span>Scene Emotion<br>Engine</span>
</a>
<!-- Bottom Row -->
<a href="#" class="grid-item culture">
<span>Culture<br>Shaper</span>
</a>
<a href="#" class="grid-item magic">
<span>Magic System<br>Sandbox</span>
</a>
<a href="#" class="grid-item timeline">
<span>Timeline<br>Builder</span>
</a>
</div>
</main>
</body>
</html>O (��<�!DOCTYPE html> <�html lang="en"> <�head> <�meta charset="UTF-8"> <�meta name="viewport" content="width=device-width, initial-scale=1.0"> <�title>Tyler's Grimoire Codex<�/title> <�!-- Link to our new stylesheet --> <�link rel="stylesheet" href="style.css"> <�!-- Link to Google Fonts for that fantasy feel --> <�link rel="preconnect" href="https://fonts.googleapis.com"> <�link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <�link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap" rel="stylesheet"> <�/head> <�body> <�header> <�p>Welcome, Tyler<�/p> <�h1>Tyler's Grimoire Codex<�/h1> <�/header> <�main> <�div class="grid-container"> <�!-- Top Row --> <�a href="#" class="grid-item rune"> <�span>Rune<�br>Generator<�/span> <�/a> <�a href="#" class="grid-item character"> <�span>Character<�br>Creator<�/span> <�/a> <�a href="#" class="grid-item location"> <�span>Location<�br>Builder<�/span> <�/a> <�a href="#" class="grid-item emotion"> <�span>Scene Emotion<�br>Engine<�/span> <�/a> <�!-- Bottom Row --> <�a href="#" class="grid-item culture"> <�span>Culture<�br>Shaper<�/span> <�/a> <�a href="#" class="grid-item magic"> <�span>Magic System<�br>Sandbox<�/span> <�/a> <�a href="#" class="grid-item timeline"> <�span>Timeline<�br>Builder<�/span> <�/a> <�/div> <�/main> <�/body> <�/html>_{\rtf1\ansi\ansicpg1252\cocoartf2822 \cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fnil\fcharset0 Menlo-Regular;} {\colortbl;\red255\green255\blue255;\red91\green165\blue255;\red35\green37\blue38;\red219\green219\blue223; \red125\green215\blue121;\red134\green196\blue255;\red99\green112\blue125;} {\*\expandedcolortbl;;\cssrgb\c42353\c71373\c100000;\cssrgb\c18431\c19216\c20000;\cssrgb\c88627\c88627\c89804; \cssrgb\c55294\c85882\c54902;\cssrgb\c58824\c81569\c100000;\cssrgb\c46275\c51373\c56471;} \deftab720 \pard\pardeftab720\partightenfactor0 \f0\fs26 \cf2 \cb3 \expnd0\expndtw0\kerning0 \outl0\strokewidth0 \strokec2 \cf4 \strokec4 \ <\cf5 \strokec5 html\cf4 \strokec4 \cf2 \strokec2 lang\cf4 \strokec4 =\cf6 \strokec6 "en"\cf4 \strokec4 >\ <\cf5 \strokec5 head\cf4 \strokec4 >\ <\cf5 \strokec5 meta\cf4 \strokec4 \cf2 \strokec2 charset\cf4 \strokec4 =\cf6 \strokec6 "UTF-8"\cf4 \strokec4 >\ <\cf5 \strokec5 meta\cf4 \strokec4 \cf2 \strokec2 name\cf4 \strokec4 =\cf6 \strokec6 "viewport"\cf4 \strokec4 \cf2 \strokec2 content\cf4 \strokec4 =\cf6 \strokec6 "width=device-width, initial-scale=1.0"\cf4 \strokec4 >\ <\cf5 \strokec5 title\cf4 \strokec4 >Tyler's Grimoire Codex\ \ \cf7 \strokec7 \cf4 \strokec4 \ <\cf5 \strokec5 link\cf4 \strokec4 \cf2 \strokec2 rel\cf4 \strokec4 =\cf6 \strokec6 "stylesheet"\cf4 \strokec4 \cf2 \strokec2 href\cf4 \strokec4 =\cf6 \strokec6 "style.css"\cf4 \strokec4 >\ \ \cf7 \strokec7 \cf4 \strokec4 \ <\cf5 \strokec5 link\cf4 \strokec4 \cf2 \strokec2 rel\cf4 \strokec4 =\cf6 \strokec6 "preconnect"\cf4 \strokec4 \cf2 \strokec2 href\cf4 \strokec4 =\cf6 \strokec6 "https://fonts.googleapis.com"\cf4 \strokec4 >\ <\cf5 \strokec5 link\cf4 \strokec4 \cf2 \strokec2 rel\cf4 \strokec4 =\cf6 \strokec6 "preconnect"\cf4 \strokec4 \cf2 \strokec2 href\cf4 \strokec4 =\cf6 \strokec6 "https://fonts.gstatic.com"\cf4 \strokec4 \cf2 \strokec2 crossorigin\cf4 \strokec4 >\ <\cf5 \strokec5 link\cf4 \strokec4 \cf2 \strokec2 href\cf4 \strokec4 =\cf6 \strokec6 "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap"\cf4 \strokec4 \cf2 \strokec2 rel\cf4 \strokec4 =\cf6 \strokec6 "stylesheet"\cf4 \strokec4 >\ \ <\cf5 \strokec5 body\cf4 \strokec4 >\ \ <\cf5 \strokec5 header\cf4 \strokec4 >\ <\cf5 \strokec5 p\cf4 \strokec4 >Welcome, Tyler\ <\cf5 \strokec5 h1\cf4 \strokec4 >Tyler's Grimoire Codex\ \ \ <\cf5 \strokec5 main\cf4 \strokec4 >\ <\cf5 \strokec5 div\cf4 \strokec4 \cf2 \strokec2 class\cf4 \strokec4 =\cf6 \strokec6 "grid-container"\cf4 \strokec4 >\ \cf7 \strokec7 \cf4 \strokec4 \ <\cf5 \strokec5 a\cf4 \strokec4 \cf2 \strokec2 href\cf4 \strokec4 =\cf6 \strokec6 "#"\cf4 \strokec4 \cf2 \strokec2 class\cf4 \strokec4 =\cf6 \strokec6 "grid-item rune"\cf4 \strokec4 >\ <\cf5 \strokec5 span\cf4 \strokec4 >Rune<\cf5 \strokec5 br\cf4 \strokec4 >Generator\ \ <\cf5 \strokec5 a\cf4 \strokec4 \cf2 \strokec2 href\cf4 \strokec4 =\cf6 \strokec6 "#"\cf4 \strokec4 \cf2 \strokec2 class\cf4 \strokec4 =\cf6 \strokec6 "grid-item character"\cf4 \strokec4 >\ <\cf5 \strokec5 span\cf4 \strokec4 >Character<\cf5 \strokec5 br\cf4 \strokec4 >Creator\ \ <\cf5 \strokec5 a\cf4 \strokec4 \cf2 \strokec2 href\cf4 \strokec4 =\cf6 \strokec6 "#"\cf4 \strokec4 \cf2 \strokec2 class\cf4 \strokec4 =\cf6 \strokec6 "grid-item location"\cf4 \strokec4 >\ <\cf5 \strokec5 span\cf4 \strokec4 >Location<\cf5 \strokec5 br\cf4 \strokec4 >Builder\ \ <\cf5 \strokec5 a\cf4 \strokec4 \cf2 \strokec2 href\cf4 \strokec4 =\cf6 \strokec6 "#"\cf4 \strokec4 \cf2 \strokec2 class\cf4 \strokec4 =\cf6 \strokec6 "grid-item emotion"\cf4 \strokec4 >\ <\cf5 \strokec5 span\cf4 \strokec4 >Scene Emotion<\cf5 \strokec5 br\cf4 \strokec4 >Engine\ \ \ \cf7 \strokec7 \cf4 \strokec4 \ <\cf5 \strokec5 a\cf4 \strokec4 \cf2 \strokec2 href\cf4 \strokec4 =\cf6 \strokec6 "#"\cf4 \strokec4 \cf2 \strokec2 class\cf4 \strokec4 =\cf6 \strokec6 "grid-item culture"\cf4 \strokec4 >\ <\cf5 \strokec5 span\cf4 \strokec4 >Culture<\cf5 \strokec5 br\cf4 \strokec4 >Shaper\ \ <\cf5 \strokec5 a\cf4 \strokec4 \cf2 \strokec2 href\cf4 \strokec4 =\cf6 \strokec6 "#"\cf4 \strokec4 \cf2 \strokec2 class\cf4 \strokec4 =\cf6 \strokec6 "grid-item magic"\cf4 \strokec4 >\ <\cf5 \strokec5 span\cf4 \strokec4 >Magic System<\cf5 \strokec5 br\cf4 \strokec4 >Sandbox\ \ <\cf5 \strokec5 a\cf4 \strokec4 \cf2 \strokec2 href\cf4 \strokec4 =\cf6 \strokec6 "#"\cf4 \strokec4 \cf2 \strokec2 class\cf4 \strokec4 =\cf6 \strokec6 "grid-item timeline"\cf4 \strokec4 >\ <\cf5 \strokec5 span\cf4 \strokec4 >Timeline<\cf5 \strokec5 br\cf4 \strokec4 >Builder\ \ \ \ \ \ }O &<�!DOCTYPE html> <�html lang="en"> <�head> <�meta charset="UTF-8"> <�meta name="viewport" content="width=device-width, initial-scale=1.0"> <�title>Tyler's Grimoire Codex<�/title> <�!-- Link to our new stylesheet --> <�link rel="stylesheet" href="style.css"> <�!-- Link to Google Fonts for that fantasy feel --> <�link rel="preconnect" href="https://fonts.googleapis.com"> <�link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <�link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap" rel="stylesheet"> <�/head> <�body> <�header> <�p>Welcome, Tyler<�/p> <�h1>Tyler's Grimoire Codex<�/h1> <�/header> <�main> <�div class="grid-container"> <�!-- Top Row --> <�a href="#" class="grid-item rune"> <�span>Rune<�br>Generator<�/span> <�/a> <�a href="#" class="grid-item character"> <�span>Character<�br>Creator<�/span> <�/a> <�a href="#" class="grid-item location"> <�span>Location<�br>Builder<�/span> <�/a> <�a href="#" class="grid-item emotion"> <�span>Scene Emotion<�br>Engine<�/span> <�/a> <�!-- Bottom Row --> <�a href="#" class="grid-item culture"> <�span>Culture<�br>Shaper<�/span> <�/a> <�a href="#" class="grid-item magic"> <�span>Magic System<�br>Sandbox<�/span> <�/a> <�a href="#" class="grid-item timeline"> <�span>Timeline<�br>Builder<�/span> <�/a> <�/div> <�/main> <script src="script.js"></script><�/body> <�/html> "%&'6Ov�����x!>2�?�W d4