ashx3s

Fedora Website RSS Python Script

These are some notes on how python scripts are used in Fedora's websites to pull data from RSS feeds.

Python Modules Uses

• feedparser
• feedparser.parse() to parse through content from a url or file
• access elements using d.feed
  • set d = feedparser.parse()
  • then access elements ie: d.feed.link
• you can access elements from specific entries like d.feed[0].link

ashx3s

Python Notes

Refresher notes on python syntax

Try Statements

These are used to handle errors etc

Try Except

Try Raise

ashx3s

‎‎​

ashx3s

XHTML Notes for Fedora Websites

When upgrading the frontend for these webpages to flask, it will be important for everyone to know what's going on with these xhtml files.

html tag

• xmlns="http://www.w3.org/1999/xhtml: declares it as xhtml file, this is only required for html4.
• xmlns:py="http://genshi.edgewall.org/: this is used to parse xml with python read this article for more info (this link has a bunch of syntax examples for python in xml).
• this gives access to python directives bound with py
  • for example:

ashx3s

Linting and Formatting

Without proper setup, eslint and prettier can make coding extremely frustrating. However this is not how it's supposed to be. Your formatter shouldn't get in your way, when working properly it should catch and tweak the details that you miss, or organize long lines of code into easily readable pieces.

Depending on your project and team requirements, your linting and formatting setup will be a bit different. This article will explore some of the important setup decisions that can save you hours of time debugging and formatting your code.

ashx3s

Wiki Article Activity

• Due: Friday Jan 21 @ 11:59pm
• Weight: 4%

Objectives

• Replicate a wiki article in codepen
• Familiarize yourself with html text and image tags
• Practice nesting html elements

ashx3s

Migrate a codepen to vscode

Objective

• A proper html document includes information like meta tags, stylesheet links, fonts, and script tags -- as well as all of the html information that we wrote in codepen
• Your task is to wrap your codepen content into the correct tags

Steps

HTML

ashx3s

Navigation Menu Activity

• Due: Saturday Jan 22 @ 11:59pm
• Weight: 4%

Objectives

• Build a simple and responsive horizontal nav bar using flexbox.
• Familiarize with flex-wrap and justify-content
• Practice styling block and inline nested elements

ashx3s

Setting up an html project

step by step guide

Steps

1. cd into the parent directory
   • using the gui open the folder that you want to make a project in
2. mkdir your project folder

• in the gui right click and create a new folder

ashx3s

Web Design Asset Hunt

We will be creating a lot of content in the upcoming weeks. This session is for you to get together some colour palettes, typography combinations, and image assets

• Acquire potential page assets for projects
  • colors: use a tool like coolors palette generator to generate 3-4 color palettes
    • in either figma, a markdown file, or a css file, add this color palette. The goal is to make this easy to use so follow whatever practice makes the most sense to you. you will likely want the hsl or hex codes to be stored for easy copy paste (label them so you'll know what they are later)
      • it can also be useful to put a short list of things the palette makes you think of
  • typography: use google fonts and a site such as this article on font pairings to pick font parings that will go well with your color schemes (or the other way around)
• store the links that google fonts gives you for easy cop