From a2603cadac6c0034f919319d58af78427d7b764d Mon Sep 17 00:00:00 2001 From: Cogito Ergo Sum Date: Thu, 13 Feb 2025 18:32:23 -0400 Subject: [PATCH] Adspiratio Serenitatis, Mens Renovatur --- .gitignore | 7 + Alliterative Programming.txt | 1384 +++++++++++ Bubblegum Economy.txt | 44 + Critical Resistance.txt | 1260 ++++++++++ Dark Mode Conversion.txt | 669 ++++++ Definition Of Art.txt | 525 +++++ Exegesis Textualis.txt | 29 + Genius, Prodigy, and Talent.txt | 97 + Get Active Displays PowerShell.txt | 167 ++ Kelp Dreams.txt | 30 + Move Files to Dark Mode.txt | 106 + Pixelation and Aesthetic Evolution.txt | 638 +++++ Psychocinema - Arabic English.txt | 42 +- Sproll Readers.txt | 155 ++ Survival Guide.txt | 1603 +++++++++++++ Technosocietal Constructs.txt | 398 ++++ ...ie of the Discipline of Symbolic Logic.txt | 69 +- UNIX Overview and Topics.txt | 371 +++ Ultrabionic Reading.txt | 95 + Vorticon Vision.txt | 199 ++ ...984618530_1979506_n.jpg => declaration.jpg | Bin extract-text.py | 66 + mantra.mp3 | Bin 0 -> 527590 bytes mantra.txt | 1 + overview.txt | 1043 +++++++++ pixelation-review.txt | 24 + vorticon-invasion.txt | 2043 ++++++++++------- ...0\252\360\235\230\257\360\235\230\250.txt" | 64 + 28 files changed, 10199 insertions(+), 930 deletions(-) create mode 100644 Alliterative Programming.txt create mode 100644 Bubblegum Economy.txt create mode 100644 Critical Resistance.txt create mode 100644 Dark Mode Conversion.txt create mode 100644 Definition Of Art.txt create mode 100644 Exegesis Textualis.txt create mode 100644 Genius, Prodigy, and Talent.txt create mode 100644 Get Active Displays PowerShell.txt create mode 100644 Kelp Dreams.txt create mode 100644 Move Files to Dark Mode.txt create mode 100644 Pixelation and Aesthetic Evolution.txt create mode 100644 Sproll Readers.txt create mode 100644 Survival Guide.txt create mode 100644 Technosocietal Constructs.txt create mode 100644 UNIX Overview and Topics.txt create mode 100644 Ultrabionic Reading.txt create mode 100644 Vorticon Vision.txt rename 305163_187874984618530_1979506_n.jpg => declaration.jpg (100%) create mode 100644 extract-text.py create mode 100644 mantra.mp3 create mode 100644 mantra.txt create mode 100644 overview.txt create mode 100644 pixelation-review.txt create mode 100644 "\360\235\230\235\360\235\230\246\360\235\230\263\360\235\230\265\360\235\230\252\360\235\230\244\360\235\230\242\360\235\230\255 \360\235\230\232\360\235\230\244\360\235\230\242\360\235\230\255\360\235\230\252\360\235\230\257\360\235\230\250.txt" diff --git a/.gitignore b/.gitignore index 035b387..19f1cde 100644 --- a/.gitignore +++ b/.gitignore @@ -14,3 +14,10 @@ server.pid *.eml /dist/ .cache + + +*.json +*.srt +*.tsv +*.vtt + diff --git a/Alliterative Programming.txt b/Alliterative Programming.txt new file mode 100644 index 0000000..4f1a751 --- /dev/null +++ b/Alliterative Programming.txt @@ -0,0 +1,1384 @@ +Alliterative Programming +Open sidebar +Alliterative Programming +GPT-4 +Is there away to embed my own font in a website html or javascript and display using it? +ChatGPT +Yes, you can embed custom fonts in your website to ensure that your text appears consistently across various devices and browsers. There are several methods to embed fonts, with the most popular being the use of +@font-face +rule in CSS. Here's how you can do it: +Acquire the Web Font +: +Ensure you have the rights to use the font on the web. Many font vendors sell web-specific licenses, or there are free web fonts available from sources like Google Fonts. +Prepare Font Files +: +For broad browser compatibility, you'll want your font in multiple formats like +.woff +, +.woff2 +, and +.ttf +. Online converters are available if you only have one format. +Upload Font Files to Your Server +: +Place the font files in a directory on your web server. For this example, we'll assume you've put them in a directory called +fonts +. +Include the +@font-face +Rule in CSS +: +css +Copy code +@font-face +{ +font-family +: +'MyCustomFont' +; +/* This is a name you choose */ +src +: +url +( +'fonts/MyCustomFont.woff2' +) +format +( +'woff2' +), +url +( +'fonts/MyCustomFont.woff' +) +format +( +'woff' +), +url +( +'fonts/MyCustomFont.ttf' +) +format +( +'truetype' +); +/* Adjust paths accordingly */ +font-weight +: normal; +font-style +: normal; +} +Use the Font in Your CSS +: +Once you've defined the font using +@font-face +, you can apply it to elements on your page: +css +Copy code +body +{ +font-family +: +'MyCustomFont' +, sans-serif; +/* Use a fallback like sans-serif or serif */ +} +Optimizing Performance +: +Subsetting +: If you're only using a small set of characters from a font, consider subsetting the font to include only those characters. This reduces the size of the font file. +Font Display +: Use +font-display +property with values like +swap +to ensure text remains visible during webfont loading. +css +Copy code +@font-face +{ +font-family +: +'MyCustomFont' +; +src +: +url +( +'fonts/MyCustomFont.woff2' +) +format +( +'woff2' +); +font-display +: swap; +} +Test Across Different Browsers +: +Always test the appearance and loading of your font in different browsers to ensure consistency. +Consider Accessibility +: +Ensure that your font is readable and accessible. Some fonts might look fancy but could be hard to read for many users or in various contexts. +Remember: While it's tempting to use many custom fonts, each font adds to the page's load time. It's a best practice to limit the number of custom fonts for performance reasons. +It's for a video game. The font will be displayed in standard galactic alphabet and be toggled to Latin (or default) characters when you press z key. +ChatGPT +Creating a toggle effect for fonts, especially in the context of a video game, can be quite engaging for users. I'll provide a basic outline of how you can implement this in a web-based game using HTML, CSS, and JavaScript. +Prepare Your Fonts +: +Ensure you have a font that corresponds to the Standard Galactic Alphabet. +Ensure you have a font for the Latin characters (or you can use a default system font). +Include both using the +@font-face +rule as previously described. +HTML Structure +: +Consider you have a +div +(or any other element) where the game text is displayed: +html +Copy code +< +div +id += +"gameText" +> +Your game text here... + +CSS +: +css +Copy code +.galactic-font +{ +font-family +: +'GalacticFont' +, sans-serif; +} +.latin-font +{ +font-family +: +'LatinFont' +, sans-serif; +/* Or another default like 'Arial' */ +} +JavaScript +: +Listen for the +z +key press. +Toggle the class of the +div +based on the key press. +javascript +Copy code +const +gameTextElement = +document +. +getElementById +( +"gameText" +); +document +. +addEventListener +( +'keydown' +, +function +( +event +) { +if +(event. +key +=== +'z' +|| event. +keyCode +=== +90 +) { +// 90 is the keyCode for 'z' +if +(gameTextElement. +classList +. +contains +( +'galactic-font' +)) { + gameTextElement. +classList +. +remove +( +'galactic-font' +); + gameTextElement. +classList +. +add +( +'latin-font' +); + } +else +{ + gameTextElement. +classList +. +remove +( +'latin-font' +); + gameTextElement. +classList +. +add +( +'galactic-font' +); + } + } +}); +Initialization +: +Start with one of the fonts (whichever you want as the default): +javascript +Copy code +gameTextElement. +classList +. +add +( +'galactic-font' +); +// or 'latin-font' if you want to start with Latin characters +Integration in Your Game +: +If your game is using a game engine or a framework that manipulates the DOM differently, you might need to adjust the above approach to fit within that context. The fundamental idea remains the same: listen for the +z +key and swap fonts based on the current font setting. +Remember: When changing fonts, especially in a game setting, ensure the change doesn't cause significant shifts in layout, which could disrupt the user experience. If there's a size or spacing difference between the fonts, you might need to make additional CSS adjustments. +What browsers use .woff and .woff2? +ChatGPT +The +.woff +(Web Open Font Format) and +.woff2 +(its successor) are modern font formats developed specifically for the web. They are designed to provide lightweight, efficient font transmission and have broad support among web browsers. Here's a general breakdown of browser support: +.woff (Web Open Font Format) +: +Firefox +: 3.6+ +Google Chrome +: 5.0+ +Internet Explorer +: 9.0+ +Safari +: 5.1+ +Opera +: 11.1+ +iOS Safari +: 5.0+ +Android Browser +: 4.4+ +Opera Mobile +: 11.0+ +Chrome for Android +: Yes +Firefox for Android +: Yes +.woff2 (Web Open Font Format 2.0) +: +This format offers better compression than +.woff +, leading to faster downloads. +Firefox +: 39+ +Google Chrome +: 36+ +Internet Explorer +: No support +Edge +: 14+ +Safari +: 10+ +Opera +: 26+ +iOS Safari +: 10+ +Android Browser +: 67+ +Opera Mobile +: 37+ +Chrome for Android +: Yes +Firefox for Android +: Yes +It's important to note that browser support can evolve, so it's a good idea to periodically check updated resources, like +Can I use +, for the latest browser compatibility information. +Given the support landscape, many websites opt to include both +.woff +and +.woff2 +versions to maximize compatibility and performance. Browsers that support +.woff2 +will prioritize it because of its improved compression, while others will fall back to +.woff +. +Ok I put the files in a folder called fonts: + + create mode 100644 fonts/Sga-Regular.ttf + create mode 100644 fonts/Sga-Regular.woff + create mode 100644 fonts/Sga-Regular.woff2 +ChatGPT +Great! You have your font files in the +fonts +directory. Now, you can use them in your web project with the following steps: +Include the +@font-face +Rule in CSS +: +Since you have +.woff2 +, +.woff +, and +.ttf +formats, you can include all three in your +@font-face +declaration for maximum compatibility. +css +Copy code +@font-face +{ +font-family +: +'SgaRegular' +; +/* A name for your font; you can choose any */ +src +: +url +( +'fonts/Sga-Regular.woff2' +) +format +( +'woff2' +), +url +( +'fonts/Sga-Regular.woff' +) +format +( +'woff' +), +url +( +'fonts/Sga-Regular.ttf' +) +format +( +'truetype' +); +font-weight +: normal; +font-style +: normal; +} +Ensure the path ( +fonts/ +) matches the directory where you've stored the font files. +Use the Font in Your CSS +: +Now that the font is defined, you can apply it to elements on your page: +css +Copy code +body +{ +font-family +: +'SgaRegular' +, sans-serif; +/* 'SgaRegular' is the name we gave in the @font-face declaration */ +} +Toggle between Fonts using JavaScript +: +If you want to switch between the Standard Galactic Alphabet and a default Latin font using the +z +key, you can utilize the JavaScript example provided in the earlier response. +Testing +: +Open your website in various browsers to ensure that the font is displayed correctly. +Test the font toggle functionality by pressing the +z +key. +Optimizations & Considerations +: +Ensure you have the appropriate licensing rights to use and distribute the font. +To improve performance, only load the fonts you need. If you're only using +.woff2 +for modern browsers and +.woff +for slightly older browsers, you may not need the +.ttf +version unless you want to ensure compatibility with even older browsers or specific devices. +Consider setting +font-display: swap; +in the +@font-face +declaration, which can improve the rendering time of your text, especially if the font takes a while to load. +That's it! With these steps, you should have your custom font working and toggleable on your web page. +Ok I will give you the code and you try to integrate it. +ChatGPT +Of course! Please provide the relevant portions of your HTML, CSS, and JavaScript code, and I'll help you integrate the font toggle functionality. +I don't have a css file yet, and the javascript file is just a list of planets, but there is javascript in the html I think +ChatGPT +Alright, let's start with what you have. Please provide the HTML content, especially the sections where text or content is displayed that you want the font to be applied to. Once I see the structure of your HTML, I can guide you on creating the necessary CSS and integrating the JavaScript functionality for toggling the font. +If there's JavaScript embedded in your HTML, include that too so I can understand the full context. + + + + + + Starfield + + + + + + + + +ChatGPT +Alright, let's integrate the font toggling functionality into the provided code: +Include the +@font-face +Rule +: +Add the following +@font-face +rule to the style section in the head of your HTML: +css +Copy code +@font-face +{ +font-family +: +'SgaRegular' +; +src +: +url +( +'fonts/Sga-Regular.woff2' +) +format +( +'woff2' +), +url +( +'fonts/Sga-Regular.woff' +) +format +( +'woff' +), +url +( +'fonts/Sga-Regular.ttf' +) +format +( +'truetype' +); +font-weight +: normal; +font-style +: normal; +} +Modify the existing style to include the custom font +: +Modify the existing +