Some Templates (Ying)

Here are some templates I made/modified/adapted that fit the current version of the CLP website using HTML, CSS, and JavaScript. Feel free to do a bit more customization with them by changing the codes. (I am not sure if the codes would be different if we switch from Text to Visual editor. To play safe, just keep them on the Text editor.)


Testimonial

Content goes here
“I changed my academic track to Asian Studies as it is such a unique program, enriched with highly specialized faculty members along with their profound research on Asia; particularly socio-cultural and historical concerns, and intersectional issues like gender, race and social justice.”
Parboti Roy
PhD Candidate

Accordion

Click on Tab A and Tab B to view the content. You can add more tabs under Tab B. Don’t forget to copy Javascript.

  • This is my photo for the 60th anniversary of UBC Asian Studies. The photo is rather interesting, since I made a sign of sixty with my hands. Hands symbolize openness and friendliness.

     

  • I frequently visit the Asian Centre, since I chat there with my language exchange partners in Japanese and Korean. I think the Asian Centre is quieter than other buildings.

     


Resources Box

The National Forum on Anti-Asian Racism

UBC is converting a two-day virtual event, from June 10-11, to address the ongoing crisis of escalating anti-Asian racism in Canada.

Sign up to receive updates on this event →


Quotes

“True love feels magical. It is something that you and I will never let go of even if logic, reason says otherwise. It’s something we can hold on to for the rest of our lives. Love is one of those things one could choose to define the existence of our lives. The story of my true love is one that I will never forget.”

4th-year CNTO 451 student majoring in Commerce

Video

If you insert a video using the following codes, it will automatically adjust the size on other devices.


Buttons

For more buttons, please see this page.


Columns

It will show 2 and 3 columns on the laptop. And it will automatically adjust to 1 column on your phone. It looks better when it’s on a page instead of a post so that it will spread out.

What I have done for Asian Studies: https://asia.ubc.ca/the-happy-60th-anniversary-ubc-asian-studies-photo-challenge-event-submissions/

two columns

Three columns


Loop with wrapper content

Loop is a very powerful shortcode. It will automatically update the newest posts when you add them to the specific category. We have added CSS for the loop in Custom CSS, but you can add CSS here to cover what we have in Custom CSS. This loop template works well on your phone. (Loops on the front page and Students Activities page need to be updated as they look weird on your phone.)

Three posts

 

Two posts


Follow us

This is just a test version.