Podcasting!

It’s been a long time since I posted updates on the podcasting sites! Since my last screenshots I have refined the overall styling and applied my CSS for 15 Minute History to all of our podcast sites. Here are some shots of the most current versions –  

I initially used clip-path property to round the speaker images but it was not compatible with Firefox, Safari or IE. I corrected the issue by using border-radius to create the circular images and it gives off the same effect! I also added a drop shadow to the cards because the flat design wasn’t looking very finished. Overall the light grey content area, colored headers and increased title text size added a lot more interest to the site. I plan to update the default audio player and leave only a large play/pause button similar to the styling on This American Life (https://www.thisamericanlife.org/).

Another big change I’ve made is adding a color palette for client’s to choose from that corresponds to their branding. To select these colors I looked at UT’s brand guidelines and worked with Suloni to choose shades with high enough contrast to my white title text.

For the muted colors I found inspiration from the Pinterest loading cards. (I’ll add this image later). I chose corresponding link shades for all color options available.

A challenge in applying my 15 Minute History styling to the other pages was how it affected the American Ingredient site. This site features a global search function separate from our Episode and Guest search pages. I’m still not confident on this placement of this sidebar but all content on the site is behaving responsively at last! 

Stacy and I met with the podcasting client last Friday to gain feedback on our progress and design so far. The client was pleased with the responsiveness and search features as well as the uniformity. He did request a LAITS podcast homepage be created that features logos from each podcast that link to their respective sites. This design as well as what’s included in the footer will be decided once the individual sites are completed. This has been such a good experience to get back into coding and learning how to customize a WordPress theme!

Rise of Everyday Design at the Harry Ransom Center

 

On Monday I went to the Harry Ransom Center to visit their Rise of Everyday Design exhibit. I had never gone to an exhibit in the Harry Ransom Center so I was eager to head over from my shift and see one, especially because it was on design. When I went in I was excited to see the exhibit was focused on the Arts and Crafts Movement. Last year, I took a course called The History of Design and it focused primarily on the Arts and Crafts Movement taught by Dr. Monica Pennick. Walking through the exhibit I saw lots of familiar names. In class we had learned about Ruskin, Pugin, William Morris, etc so I was excited to see these names and pieces we had learned about in person. It was crazy to me that UT has such an amazing resource like the HRC on campus for students to use.

 

 

 

 

 

 

 

 

 

 

 

What was so interesting to me about the exhibit and the Arts and Crafts movement is the struggle between elevation in design and high-quality craftsmanship versus egalitarian design. The Arts and Crafts Movement was centered on the fundamentals of handcrafted and well-made design. However, over time and increasing popularity of Arts and Crafts products there was a push for manufacturing products for the masses. I wonder if craftsmanship should be sacrificed for the purpose of making it more accessible? Was the Arts and Crafts movement tarnished when it made its way to the US and became a product of capitalism? On the other hand, is it right to limit “good design” to only those who can afford it? In the end, I think that design, different from art, is more responsible in making products that are “good design” but also egalitarian. There can be fine art, but it is a designer’s job to make art more accessible to the masses.

Today, I finished setting the HTML structure and CSS tagging, as well fixed the relations between the posts, and render a not found view when non matching paths.

Learning Persian

I’ve made significant progress on the Learning Persian site (video below). During these past weeks, I’ve added dropdowns and logos and other details. I even learned how to use Terminal to upload images into the server!

Here’s Jac & Kathy’s XD:

And here’s the progress I’ve made so far (link below):

https://learning-persian.la.utexas.edu/persian-of-iran/

 

Vlabs

I also worked on more Vlab assets:

STA Presentation

I also went to and presented at my first ever STA presentation! All the presentations were super cool, and it was awesome to get to learn about what the video and audio STAs have done. I presented on the topic of Set Designs. Suloni helped a lot with streamlining my keynotes slides, and I loved getting to showcase a little bit of what Design and Coding STAs do. Hopefully, I get to present again next year! Thanks LAITS for this great experience <3

More updates to the podcast site!