/RawTalk.github.io

Organization website source code

Primary LanguageHTML

website source code

common folder contains common JavaScripts and CSS that are used on multiple pages

  • blog.js contains JavaScripts that populate the medium blog "embed"
  • commonElements.js contains common DOM elements (such as side bar) of all pages
  • initialDarkTheme.js applies (if appropriate) dark theme before DOM elements creation
  • main.js comtains common JavaScript (such as side bar behaviour) of all pages
  • style.css contains common CSS of all pages

img folder contains images

mesh folder contains the 3D model assets used by the threeJS water well 3D model

CNAME is for the URL configuration, see Enforce HTTPS in GitHub Pages with Namecheap Domain (youtube video). Namecheap account belongs to Zakaria.

README.md is this file.

index.html is the homepage.

The other *.html files are the other pages.

non-static components

Some components have texts that are fetched (on page load) from other websites (eg Anchor.fm or Google Calendar) so web developers don't need to manually update those components.

  1. The information of Latest Podcast is fetched from Anchor.fm, details are inside main.js (search fetch latest podcast info from anchor.fm)

  2. The Google Calendar embed is in an iframe in index.html. The linked Google Calendar belongs to justrawtalk@gmail.com. For password ask Zakaria.

  3. Twitter latest feed.

  4. Event items are fetched from RAW TALK CalendarAPI on Cyclic, which is a proxy that fetches events data from RAW TALK google calendar ical link.

  5. The year field at the bottom of the side bar is statically set as 2021, but the JavaScript will replace it to the current year. See main.js (search // set year)

Libraries used

  1. typewriter for type writing the "Feel free to join -> follow -> like us"

  2. threeJS for water well 3D model, in "water well project" page.