sean-krail/old-website

Replaced by https://github.com/sean-krail/website.

old-website's Issues

Modify style attributes mainly through CSS rather than JS

Do this by creating class-specific CSS modifiers and use JS to add and remove classes.

Convert the project from Express 3.4.0 to 4.x

Upgrade the backend to the latest Express version for many reasons including security.

Research how RSS can be used to better manage the articles

Right now the articles are managed by JSON. Would RSS be a better solution?

Rewrite GitHub integration inside user's browser

Move my "Pull GitHub Projects" module from server-side to client-side in order to minimize server-side load.

:)

Categorize projects by software and hardware

Some may be both.

Define DSL for content

Define a Domain Specific Language for the main content on my site. Needs to be broad. May be written in JSON such as:

[
  {
    "class": "article",
    "header": "Hey, thanks for visiting!",
    "paragraphs":
    [
      "Hello! My name is Sean. My interests include microprocessor design, longboarding, software design, paddleboarding, silent speech interfaces, and hiking to name a few.",
      "I'm currently an undergraduate student at University of Delaware studying Computer Engineering and Computer Science. In the past, I've worked in the CAPSL group (Computer Architecture and Parallel Systems Laboratory) headed by Professor Guang R. Gao. I plan on graduating after this Spring semester with a B.S. in Computer Engineering and a minor in Computer Science."
    ],
    "datetime": "2016-02-05T15:30:00-05:00",
    "datetext": "Friday, February 5th, 2016"
  },
  {
    "class": "interest",
    "type": "image",
    "name": "Blue Velvet by David Lynch",
    "src": "https://images-na.ssl-images-amazon.com/images/M/MV5BNGNhYWY4M2ItZTFjOC00YmRiLTk4YTUtOGIxNjNjOGU2MTA1XkEyXkFqcGdeQXVyMTQxNzMzNDI@._V1_.jpg"
  },
  {
    "class": "resume",
    "src": "/resume.png"
  },
  {
    "class": "download",
    "header": "Downloadable Formats",
    "downloads":
    [
      {
        "header": "Download in PDF format",
        "type": "application/pdf",
        "href": "/resume.pdf",
        "file": "KrailSean-Resume.pdf",
        "name": "PDF"
      },
      {
        "header": "Download in PNG format",
        "type": "image/png",
        "href": "/resume.png",
        "file": "KrailSean-Resume.png",
        "name": "PNG"
      }
    ]
  },
  {
    "class": "project",
    "type": "github",
    "src": "Krail/SeanKrail.com"
  }
]

Research how search engines work

Need a search engine to search through JSON files to find matches of search keywords.

For example, a search for Android needs to return CourseGrabber as the number one project (and only project for that matter).

Transform JSON content into Markdown format

onclick "bubbling" effect in project article headers

Don't toggle project article if a user clicks on an anchor link. Achieve this by utilizing event bubbling in HTML (See the "Event Bubbling or Event Capturing?" section).

Update home page articles

Introduce who I am and what I want to do in a concise manner.

Make the site mobile friendly

Using the @media tag in CSS, make the site mobile friendly for a variety of different screen resolutions (it's currently only styled for desktop browsers).

Redesign project article headers

Redesign the current project article header to not be fixed height and to be easily tweaked for narrower resolutions.

Disable scrolling during animations

Use jQuery, JavaScript, and/or CSS to disable user scrolling during jQuery's scrolling animations.

Border radius is causing unwanted space between container and content

Update all of my GitHub projects (including this one)

What to update:

1. Optional directory in the root of each repository labeled \.meta
   • Repository image labeled \.meta\project.png
   • JSON file including meta data (e.g. id, keywords, progress, README.md vs my own markdown format, etc.) labeled \.meta\project.json
2. README.md file
3. Include an optional meta directory in my Node.js application for each GitHub repository which I do not directly own (as a courtesy to others). These directories will act as a fallback for repositories which do not contain a root-level directory labeled \.meta
4. Fallback for projects which do not contain any meta data.

Make element lists display vertically in narrow resolutions

For instance, the navigation bar displays horizontally right now.
| Projects | Home | Resume |

Make it display vertically.
__
Projects
__
Home
__
Resume
__

This will cut down horizontal space (valuable) and fill up vertical space (not valuable).

Add new page for my interests in films, music, and books

Films, music, people, books (maybe activities?)

Basically want it to be my read/watch list