Current Sta
So, I started working on a Theatre Philosophy project with Stacy. This is my first time working with WordPress and Python, so it’s been a different experience. Here are photos of some before/after work that was simply just displaying the content onto the page. However, today I met with Stacy and it turns out that the client wants to take a little bit different of a direction so stay tuned for changes to this site!
Today I did my first COLA ID with Suloni’s help! I’d never used PhotoShop before so it was definitely both a learning and cool experience. I know that this ID is not the best … but the original image that we had to work with was very very poor. As Suloni put it, this ID reflects “Sanika’s best handiwork, but not the photographer’s best handiwork.” I actually really liked working with the IDs and I assigned myself a couple more so that’s fun!
The next thing I did was make every section of the site styled with an inline block like so: 
This prevents a section from breaking into separate columns like this: 
and instead looks like this: 
This is what my code looks like in testing/in reality. (It’s still a bit rough but would be polished by the time it rolls out!!)
Project: Canvas Appstore
Completion status: Started October 19 2018 and FINISHED November 14 2018!
Staff guidance: Chris Pittman
STA team members: Jac
Description/plans: Build the interface for UT”s Appstore which will house different downloadable features to Canvas.
It is CRAZY to be writing this post. I can’t believe that my first (and big!) project is completely done. I wish I’d taken original photos from the very beginning that way I’d be able to do a better before/after but I suppose those are notes for next time. Here’s the home page after the very first day or working to the final coded version:
Transformed into…
And the Install page!
Transformed into…
Chris & the admin that I met with said that the Appstore should go into testing sometime this week & would be put out for actual use next semester! HOW COOL! 🙂
One of the biggest improvements I’ve made to the Persian site is to the layout. The first thing I did was add an @media css rule to change the number of columns based on the screen width. That looks like this in the CSS: 
basically when the screen gets to width 800px we go from 2 columns to 1 column so that things aren’t squished together.
This is how that looks in the real world: