My final project

My final project

spring 2024

HTML, CSS and Audacity

live site: https://8h7ksx.csb.app/

Dev site:

https://codesandbox.io/p/sandbox/final-project-kate-amrani-8h7ksx?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clw58vgbx00063b6igjw6gf7e%2522%252C%2522sizes%2522%253A%255B100%252C0%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clw58vgbw00023b6ixh5ob7ak%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clw58vgbw00033b6iclmyqzf9%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clw58vgbw00053b6ikslu03uv%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clw58vgbw00023b6ixh5ob7ak%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clw58vgbw00013b6ik0esd01z%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Findex.html%2522%257D%255D%252C%2522id%2522%253A%2522clw58vgbw00023b6ixh5ob7ak%2522%252C%2522activeTabId%2522%253A%2522clw58vgbw00013b6ik0esd01z%2522%257D%252C%2522clw58vgbw00053b6ikslu03uv%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clw58vgbw00043b6ij0v8apsh%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A0%252C%2522path%2522%253A%2522%252F%2522%257D%255D%252C%2522id%2522%253A%2522clw58vgbw00053b6ikslu03uv%2522%252C%2522activeTabId%2522%253A%2522clw58vgbw00043b6ij0v8apsh%2522%257D%252C%2522clw58vgbw00033b6iclmyqzf9%2522%253A%257B%2522tabs%2522%253A%255B%255D%252C%2522id%2522%253A%2522clw58vgbw00033b6iclmyqzf9%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Afalse%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D

For my final project i recored a series of podcasts of myself about the world of bizarre and unique foods from around the globe. i put them together on a website. I edited the audio with Audacity and created the website using HTML and CSS on the code Sandbox platform.

all the songs the used in my podcast created by-

Walking through the urban pedestrian food street near the NewYear by lastraindro. April 24th, 2024 Freesound.org https://freesound.org

Market in a small village, calling, motorcycle, horns, people, speaker by Virgile_Loiseau

February 29th, 2024 Freesound.org https://freesound.org

Music by- Bensound Music: https://www.bensound.com/free-music-for-videos

License code: GXYFEUDRWAZKDYST

amazon 05.wav volivieri July 7th, 2014 Freesound.org https://freesound.org

Peruvian Amazon birds frogs daytime by nonamethefish

October 17th, 2022 Freesound.org https://freesound.org

Creative Brief

Kate Amrani

My Final Project

Summarize my story-

I am making a podcast about bizarre and unique foods from around the globe.

We are all people with different traditions that we can see it with every country traditional food.

I’ll talk about a story that happened to me when i was in Peru. At the end ill give some examples from other countries.  

Media- Im going to record my self. Audacity

general style/emotion you want to convey?

Fun, different, interesting thoughts. 

Software- Audacity

Programming Update

Heres my programming project link

https://codesandbox.io/p/sandbox/mad-libs-version-1-hg4wd4?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clux15e9m00063b6gxmacnuwv%2522%252C%2522sizes%2522%253A%255B100%252C0%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clux15e9m00023b6gs0jvtphh%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clux15e9m00033b6guy28kav9%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clux15e9m00053b6goqvat8qh%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B100%252C0%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clux15e9m00023b6gs0jvtphh%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clux15e9m00013b6gx5zpiizc%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fsrc%252Findex.html%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%252C%257B%2522id%2522%253A%2522cluya0kji00023b6g6mbbw15l%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522initialSelections%2522%253A%255B%257B%2522startLineNumber%2522%253A32%252C%2522startColumn%2522%253A1%252C%2522endLineNumber%2522%253A32%252C%2522endColumn%2522%253A1%257D%255D%252C%2522filepath%2522%253A%2522%252Findex.html%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%252C%257B%2522id%2522%253A%2522cluyad6k700023b6gpai916sk%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522initialSelections%2522%253A%255B%257B%2522startLineNumber%2522%253A20%252C%2522startColumn%2522%253A38%252C%2522endLineNumber%2522%253A20%252C%2522endColumn%2522%253A38%257D%255D%252C%2522filepath%2522%253A%2522%252Fapp.js%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522id%2522%253A%2522clux15e9m00023b6gs0jvtphh%2522%252C%2522activeTabId%2522%253A%2522cluyad6k700023b6gpai916sk%2522%257D%252C%2522clux15e9m00053b6goqvat8qh%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clux15e9m00043b6gq21c80kd%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A0%252C%2522path%2522%253A%2522%252F%2522%257D%255D%252C%2522id%2522%253A%2522clux15e9m00053b6goqvat8qh%2522%252C%2522activeTabId%2522%253A%2522clux15e9m00043b6gq21c80kd%2522%257D%252C%2522clux15e9m00033b6guy28kav9%2522%253A%257B%2522tabs%2522%253A%255B%255D%252C%2522id%2522%253A%2522clux15e9m00033b6guy28kav9%2522%257D%257D%252C%2522showDevtools%2522%253Afalse%252C%2522showShells%2522%253Afalse%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D

My Website

My adventure- Volcan Acatanengo in Guatemala

you know the feeling that you work so hard but in the end its worth it? this is my story.

Tap to read 🙂

Live site here: https://92sgf7.csb.app/index.html

link to the code: https://codesandbox.io/p/sandbox/happy-rhodes-92sgf7?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522cluj3989100063b6hny7cecyh%2522%252C%2522sizes%2522%253A%255B100%252C0%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522cluj3989000023b6hzssnhbht%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522cluj3989000033b6hxumzfx23%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522cluj3989000053b6h7viauzfa%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B51.10143649261317%252C48.89856350738683%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522cluj3989000023b6hzssnhbht%2522%253A%257B%2522id%2522%253A%2522cluj3989000023b6hzssnhbht%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clujy4iqe00023b6g240vmfch%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252FAcatanengo.html%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%252C%257B%2522id%2522%253A%2522clukb5u1000023b6gm00f4wno%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522initialSelections%2522%253A%255B%257B%2522startLineNumber%2522%253A19%252C%2522startColumn%2522%253A61%252C%2522endLineNumber%2522%253A19%252C%2522endColumn%2522%253A61%257D%255D%252C%2522filepath%2522%253A%2522%252FStory.html%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%252C%257B%2522id%2522%253A%2522cluljpifl00023b6gelqoj18w%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522initialSelections%2522%253A%255B%257B%2522startLineNumber%2522%253A24%252C%2522startColumn%2522%253A1%252C%2522endLineNumber%2522%253A24%252C%2522endColumn%2522%253A1%257D%255D%252C%2522filepath%2522%253A%2522%252Ffeeling.html%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%252C%257B%2522id%2522%253A%2522cluljt8u900023b6gg68yya8n%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522initialSelections%2522%253A%255B%257B%2522startLineNumber%2522%253A26%252C%2522startColumn%2522%253A39%252C%2522endLineNumber%2522%253A26%252C%2522endColumn%2522%253A39%257D%255D%252C%2522filepath%2522%253A%2522%252Findex.html%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522activeTabId%2522%253A%2522clukb5u1000023b6gm00f4wno%2522%257D%252C%2522cluj3989000053b6h7viauzfa%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cluj3989000043b6hljfqg6oe%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A0%252C%2522path%2522%253A%2522%252F%2522%257D%255D%252C%2522id%2522%253A%2522cluj3989000053b6h7viauzfa%2522%252C%2522activeTabId%2522%253A%2522cluj3989000043b6hljfqg6oe%2522%257D%252C%2522cluj3989000033b6hxumzfx23%2522%253A%257B%2522tabs%2522%253A%255B%255D%252C%2522id%2522%253A%2522cluj3989000033b6hxumzfx23%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Afalse%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D

Published
Categorized as Website

Website CSS update

I added some styling to my website.

I chose about my trip to Guatemala. i went to see the volcano there and thats why i chose those colors.

My animation love

I chose to animate the emotion “love”. I started with with different shapes because everyone can chose there own shape of love.

Published
Categorized as Animation

My storyboard

Here is my storyboard draft for my animation, the emotion in animating is “love”. Each of us possesses a heart, and when we experience love, there’s a risk of it being shattered. Yet, We also hold the power to mend our broken hearts; it simply requires patience and time. Ultimately, we have control over our hearts and their healing process.

Published
Categorized as Animation

My podcast audio

The Kate Amrani podcast

spring 2024

software: Audacity

Join with me for the energetic vibe, happiness, food- because who doesn’t love food especially when its party and food. Grab a pita bread and break a plate because this is what you do here.

for my audio podcast i used music from free music archive.

credits:

laugh.mp3 by smartxxd , Creative Commons 0, free sound.org August 11th, 2014 https://freesound.org/people/smartxxd/sounds/244526/

Plate Break 1.wav by jc.sg, Creative Commons 0. free sound.org March 31st, 2021 https://freesound.org/people/jc.sg/sounds/565642/

Fata Morgana (Mirage) 2.wav by zagi2, Attribution NonCommercial 4.0. , free sound.org , September 6th, 2015 https://freesound.org/people/zagi2/sounds/321434/

Apollo89 – taverns, street, chatter, people, ambience, athens, greece.wav by Apollo89, Creative Commons 0, free sound.org , August 26th, 2022 https://freesound.org/people/Apollo89/sounds/648208/