Project: PSY MUNA LAB
Client /Prof: Professor Alexandra Clark
completion status: started last week and expected to be done by Nov 8
staff guidance: Estella
STA team members: Angie
description/plans: Create a lab website for Prof. Clark on Grav/Gantry using the Duarte lab templates

This is what the site looks like so far (added all the current content):

I’m currently focusing on the smaller style aspects like properly centering the header on the title page. It’s taking me some time to look through/modify Estella’s code that she wrote for the previous Duarte Lab project. I’ve been messing around with the margins, padding, floats, alignments, etc.

Hello!

Most of this past week has been dedicated to beginning the AFR 303 Project.

I worked with Abriella and Sheryl to create graphics for the slides for the lecture on 9/29. We had a deadline Monday 9/27, which will be consistent for our lectures in the future. The first graphic I created was for a slide documenting the rates of poverty in Texas by race. The initial slide we got was a bit hard to read, but fortunately not too confusing.

The primary issue here is visual spacing and lack of illustration. Without a graph, the statistics sit in a more abstract zone that may be harder for students to comprehend. Additionally, the slide is very left aligned and there’s a lot of negative space on the right that can be worked with.

I used Maddy and Abriella’s stunning style guide to guide me through the process of making my first graphic. As I was getting used to the process, I struggled a bit to figure out how to align a large bar graph on a 16:9 slide. I went through some trial and error…

This version worked to omit vertical negative space but had the same problem as the slide above – too much space on the right.

This version was an improvement, but the two segments were cramped and there was a ton of space on both the left and right sides that could be utilized. I kept moving things around until finally I determined that side-by-side seems to work the best. (I also decided to add a little Texas next to the people statistics because (a) it helps the graph signify that this is in Texas and (b) it is cute.)

This way both graphs get enough space, and since the graph is pretty short horizontally, the negative space is less than if they were stacked vertically.

On the final slide, Maddy added a separate small, lighter box around the Poverty Rates graph which really helped segment the two graphs. Seeing this has inspired me to use that technique in my next set of graphs!

For the second slide, I created a graphic for the terms “De Jure” and “De Facto.” The initial version I had was a bit too busy, and Abriella assisted me with creating a version that is a bit easier on the eyes.

Maddy added this into the slide and made it look great!

I definitely agree with the decision to make the not equal sign much smaller. The De facto slide graphic was also used on another slide:

I will get my assignment for next week either at the end of today (?) or (more likely) tomorrow. This has been very fun to do so far, and I am excited to create more now that I am more familiar with the style guide and formatting.

Wrapping up the Animation Stinger refresh…

After over a month of work, it seems the Animated Stinger refresh project is coming to a close. Ideally, it should be completely finished by the end of next week. I’ve set a personal goal to try and get it done by Thursday the 30th, although time is an infinite, false vacuum and there may be some mistakes to be fixed. But generally. I’d like it to be done. Soon. Here is a sneak peak of the TA stinger animation:

look at her go!

Finally, the Blog Banner.

The gods of Art and Fortune have blessed me (for once), and my blog banner was chosen for the website.

As you can see, I was delirious from sleep deprivation while creating this, and ended up creating UT in an alternate dimension, My initial idea was to have everyone on a moon crater, but I ended up playing around with making the bottom area water, and this sort of happened. As a result, everyone is walking on water in the final rendition…

Everyone’s caricatures are so well-made and cute that it made it extremely entertaining to place them into the banner. I wanted to put everyone closer to the middle, but alas there was not enough space. If you are on the ends, please do not fear, because that’s where the anime protagonists always sit in class. Anyway… please let Marianne know that I apologize for thinking she was grapes and not raspberries. And thank you all for voting for mine!

Now I must stare at my own art all year. Will this bother me? Probably, but maybe it will be a test of strength.

Project: PSY MUNA LAB
Client /Prof: Professor Alexandra Clark
completion status: started last week and expected to be done by Nov 8
staff guidance: Estella
STA team members: Angie
description/plans: Create a lab website for Prof. Clark on Grav/Gantry using the Duarte lab templates

This was my first time using Gantry/Grav so this past week was mostly me getting used to the application.

I met with Estella to install Grav/Gantry and set up my workspace. I got myself accustomed to the directories and where to put my code/images. I also spent most of my Monday playing around in Grav trying to familiarize myself with the CMS before starting the project.

I met with Estella again to get started working on the actual lab. I went through the box folder and started copying the information onto the site.

This is the homepage so far. (More graphics will be added later)

This is another page with the research team.

This is the Gantry layout page where I’ve been adding the particles of information. Grav is pretty similar to WordPress except there’s a lot less particles/blocks to work with so custom code is needed more. I’ve been fine for now using Estella’s code she provided on the template.

,

As you can see, I have figured out how to add fun sparkly text to my blog. This is purely for fun, although I imagine the skills will come in handy in the future!

I dedicated most of this week to working on the TA Graphic Stinger Design. It’s been a bit tricky to figure it out, although I have had some wonderful feedback from Maddy, De’sha, and Suloni!

Before I get more into that, here are the final versions of the Chat and Insta-Poll stingers.

These have been finalized, and should be accessible within the finalized After Effects file – so they’re basically ready to go!

We went through a few stages with the TA Stinger and still haven’t finalized it quite yet (I will post an update on this before Tuesday if we make more progress.) The initial animation I had drafted had looked like this, but the graphic honestly looks a bit too much like the Chat stinger and doesn’t have a lot going for it.

I drafted up a few separate ideas for the new TA stinger, trying to keep up with how the actual Tower Canvas discussion looks:

The goal here is to mimic the idea of a conversation between a TA and a student without it seeming too much like the TA is more valuable than the student. The initial design seemed to imply that, so we wanted to avoid this in the new design. After several iterations of exchanging ideas, we landed with two separate ones. One that looks more like a traditional chat exchange, and one that looks more like the Canvas Tower page.

On Monday, I am planning to try and combine these two ideas together to create another draft. I will update with this if possible!

I also spent a portion of this week on creating my banner for the banner competition, although that is secret redacted information. I may share it later on, though, after the competition is over. It was a lot of fun designing and painting my banner! It can sometimes be difficult to add typography to a more painterly-style image, so I had to experiment with a few different styles to find something I liked.

Hello blôg, Suloni’s asked me to try to upload Canvassers to my blog. Estella told me to use this code, which worked for my flat html site for the Dell Medical School project: