My Last post as an STA

I just want to thank everyone I’ve met over my 1 1/2 years here at LAITS. It’s been a pleasure and it truly was an amazing way to start in the tech industry and I recommend it if you are trying to get started in either graphic design or programming. Everyone here is incredibly talented and Suloni was an amazing boss. I will miss her and everyone else I’ve worked with over my time here. I never would’ve thought I’d get to work at Microsoft right out of college, I always thought it was a far away dream. LAITS gave me experience and knowledge to pursue my dream and make it a reality and I will forever be grateful for that. I will be working on Azure AI at Microsoft which, honestly, I have no idea what that entails, but it sounds awesome. It’s been a crazy fun ride here and I’m so so glad I got to experience it. I wouldn’t trade this experience for anything else.

Warfield Center Faculty Publications

Justice from the Center for African & African American Studies wanted me to reorganize the current list of faculty publications in Cascade which looked like this: 

they first wanted a collage as for the masthead which I just made in photoshop:

I then organized the rest of the publications using HTML tables which is basically the only thing you can do within the confines of cascade so now it looks like this: 

For those interested the code for this looks like this:

We basically just set up a table with 4 sections each of 25% width which divides the table into 4 columns. If you want to see the live result on the website here’s the link:  https://liberalarts.utexas.edu/caaas/faculty/books.php

More Persian Layout

 

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: 

Persian Layout

 

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:

More Persian

 

I’ve been working on getting the “accordions” to work with Persian site and Stacy thought it would be a good learning experience to implement it myself with javascript.

What I have so far is a script that essentially the hidden elements by changing their display from “none” to “block”.I then added this to the wordpress site using wp_enqueue_script to attach it to all single_functions.php

The result so far is a little jarring but eventually I will add animations and fix the layout so that it looks better.

Here’s the link! https://learning-persian.la.utexas.edu/conversations-of-iran-today/function/greetings/

 

Persian Site

I’ve started working on the Persian site for Stacy!

Here’s the template designed by Jac:

Here’s current development so far: