← Code in the Wind #1 challenge site

Semi-finals #1: Instagram Story

Reference

Reference image

Objectives

  • ใส่รูปแมวเป็นภาพพื้นหลัง
    • URL: https://i.showdown.space/e01/meow.jpg
  • สร้างแถบสตอรี่ตรงด้านบน ดูไปแล้ว 3 สตอรี่ ยังไม่ได้ดู 2 สตอรี่ และสร้างกล่องส่งข้อความตรงด้านล่าง มีคำว่า Send Message เขียนอยู่ในกล่อง
  • ใส่รูปคน ชื่อ username และเวลา 2h ตรงด้านบน โดยรูปคนให้ทำเป็นวงกลม
    • URL: https://i.showdown.space/e01/person.jpg
  • ใส่สติ๊กเกอร์คำถาม Ask me a question เอาไว้บนรูปภาพพื้นหลัง และมีช่องให้ใส่คำตอบ ข้างในมีคำว่า Type something….
  • ใส่รูปคนตรงด้านบนของสติ๊กเกอร์คำถาม โดยที่รูปคนเป็นวงกลม และยื่นออกมาจากตัวสติ๊กเกอร์ครึ่งนึง

English

  • Put a picture of a cat as a background image.
    • URL: https://i.showdown.space/e01/meow.jpg
  • Create a story bar at the top, 3 stories viewed, 2 stories unviewed, and create a message box at the bottom with Send Message written in the box.
  • Put a person’s avatar, name username and time 2h at the top. The avatar should be circular.
    • URL: https://i.showdown.space/e01/person.jpg
  • Put the question sticker on the story with text Ask me a question. Under that text is a box to enter the answer. Inside it is the word Type something….
  • Put the person’s avatar on top of the question sticker. The avatar should be a circle and it upper-half of the avatar should be raised above the sticker’s upper border.