Week 17

Project: TGDP

Started on: Feb 21, 2022

Completed on: Feb 24, 2022

Staff Guidance: Stacy

Description: For this project, I continue to work on the display of the testimonial section. The idea is that the design should not break even if the testimonial  text is longer than what was displayed. After contemplating the problem and asking Stacy for some suggestions, I tested out different options and eventually landed on this approach.

1. Change the content testimonial to display relative instead of absolute. Because of that, change the margin-top: -150px instead of top: 60%.
2. Change the margin-bottom to be less than before since the position relative already takes into account of the height of the div.
3.   The other problem I had is that I want to make the height of the content testimonial equally to match with the highest testimonial text. There are two options that I explored including displaying with grid and using JavaScript. For displaying grid, I have trouble of changing the placement of the cards in the mobile size, and it will break a lot of existing WordPress codes. Therefore, I try to investigate the problem and simplify it to see what approach should I do. Eventually, what I really need is just the height of the longest testimonial text and then I can set the height of all of the cards to match with the longest one. After that, I proceed to use jQuery to loop through each card, get the height and set the height of every three cards to match with longest card out of 3 of them. I used an array to store three cards and get the max height out of three. Then, I pop all three and set the height. I would do this iterations until I find no cards left.

The code:

$(function() {
function unifyHeights() {
var maxHeight = 0;
var arrayContentTestimonial = [];

$(‘.content-testimonial’).each( (index, element) => {

arrayContentTestimonial.push(element);

var height = $(element).height();

console.log(height);

if ( height > maxHeight ) {
maxHeight = height;
}
// if there are three testimonial then pop out each and set the height to match the max

if (arrayContentTestimonial.length === 3){
// check if the list is not empty
while (arrayContentTestimonial.length){
el = arrayContentTestimonial.pop()
$(el).height(maxHeight);
}
// reset max-height for the next iterations
maxHeight = 0;
}
});

}
unifyHeights();
});

 

https://tgdp.org/tgdp-testimonials-2/

 

 

Project: MA in Eco

Started on: Feb 24, 2022

Completed on: Feb 24, 2022

Staff Guidance: Maddy

Description: For this project, I added or changed some more contents based on the feedback from the clients.

• Add tagline Learn more about the process
• Change 10 months 10 course -> View our curriculum
• Add another information for international applicants
• Need to add some more contents to the news and events

https://www.figma.com/file/gg8inqItjNLN7MHnkUENgx/Master-of-Arts-in-Eco?node-id=23%3A35&t=Hzczrd8qHOvL0nAt-1

Project: Conference Website

Started on: Feb 24, 2022

Completed on: Feb 24, 2022

Staff Guidance: Maddy, Stacy

Description: For this project, I need to make a sample conference website. I translated the design into WordPress.

Demo

 

UTFC Logo Design 

Project: Connexions Francophones Logo
Notes: For this new project, I was assigned with developing keywords/symbols and sketches for the French Online Textbook logo. The main goal of mine for this logo design is to create something timeless, advertiseable, and something like a trademark. It’s not supposed to relate to France itself but to the French language. Overall, it’s a fun challenge I’m having fun exploring.

 

 

STA Poster 

Project: Spring 2023 STA Presentation Poster
Due On: February 28, 2023
Notes: For this week, I’m still focusing on compiling multiple layouts for the STA poster. I discussed many more ideas with peers and coworkers, and because of that, I think I’m going in a much better direction thanks to all the helpful feedback.

Faculty Search Committee PPT Redesign

Client /Prof: Professor Hunt
Completion Status: Started on Jan 30
Staff Guidance: Maddy
STA Team Members: Adrian
Complete by: Feb 17

Recently I’ve mainly been focusing on redesigning a PowerPoint presentation that is presented to faculty to show statistics on hiring a diverse workforce.

So far, here is a comparison of a few of the original slides to the new ones (in progress still!):