diff --git a/src/components/BlogPost.svelte b/src/components/BlogPost.svelte index 4ab1587..5fc96a2 100644 --- a/src/components/BlogPost.svelte +++ b/src/components/BlogPost.svelte @@ -9,7 +9,7 @@
-

+

Title

Scribble diff --git a/src/components/Header.svelte b/src/components/Header.svelte index 514e11c..b01883a 100644 --- a/src/components/Header.svelte +++ b/src/components/Header.svelte @@ -1,5 +1,6 @@ @@ -7,8 +8,8 @@
100 ? "bg-palette-100" : "bg-none" + class={`sticky top-0 z-50 grid items-center grid-cols-3 p-4 ${ + scrollY > 50 ? "bg-palette-100" : "bg-none" }`} > @@ -26,4 +27,10 @@ Volunteer + + Facebook +
diff --git a/src/components/OrgCard.svelte b/src/components/OrgCard.svelte new file mode 100644 index 0000000..b81e94f --- /dev/null +++ b/src/components/OrgCard.svelte @@ -0,0 +1,31 @@ + + +
+ + Logo + +
+ + Name + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do + eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut + enim ad minim veniam, quis nostrud exercitation ullamco laboris + nisi ut aliquip ex ea commodo consequat. +

+
+
diff --git a/src/lib/graphics/facebook-circle.svg b/src/lib/graphics/facebook-circle.svg new file mode 100644 index 0000000..641ed65 --- /dev/null +++ b/src/lib/graphics/facebook-circle.svg @@ -0,0 +1,9 @@ + + facebook-circle + + + + + + \ No newline at end of file diff --git a/src/lib/img/placeholder-square.png b/src/lib/img/placeholder-square.png new file mode 100644 index 0000000..380e4c2 Binary files /dev/null and b/src/lib/img/placeholder-square.png differ diff --git a/src/lib/logos/agroforestry.png b/src/lib/logos/agroforestry.png deleted file mode 100644 index 34a921a..0000000 Binary files a/src/lib/logos/agroforestry.png and /dev/null differ diff --git a/src/lib/logos/bikeorg.png b/src/lib/logos/bikeorg.png deleted file mode 100644 index 9ebd6e1..0000000 Binary files a/src/lib/logos/bikeorg.png and /dev/null differ diff --git a/src/lib/logos/ecosia.png b/src/lib/logos/ecosia.png deleted file mode 100644 index 5c76a1a..0000000 Binary files a/src/lib/logos/ecosia.png and /dev/null differ diff --git a/src/lib/logos/irena.png b/src/lib/logos/irena.png deleted file mode 100644 index 2a43a06..0000000 Binary files a/src/lib/logos/irena.png and /dev/null differ diff --git a/src/lib/logos/nature.png b/src/lib/logos/nature.png deleted file mode 100644 index 927b3fe..0000000 Binary files a/src/lib/logos/nature.png and /dev/null differ diff --git a/src/lib/logos/pacinst.png b/src/lib/logos/pacinst.png deleted file mode 100644 index 7504c7a..0000000 Binary files a/src/lib/logos/pacinst.png and /dev/null differ diff --git a/src/lib/logos/teamseas.png b/src/lib/logos/teamseas.png deleted file mode 100644 index 60f2298..0000000 Binary files a/src/lib/logos/teamseas.png and /dev/null differ diff --git a/src/lib/logos/teamtrees.png b/src/lib/logos/teamtrees.png deleted file mode 100644 index 429be1b..0000000 Binary files a/src/lib/logos/teamtrees.png and /dev/null differ diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 37b9b53..e79e6fa 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -47,7 +47,7 @@ -
+
Logo
diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte index bfcc160..9d65e74 100644 --- a/src/routes/blog/+page.svelte +++ b/src/routes/blog/+page.svelte @@ -1,5 +1,6 @@ + +
+

The Sustainable
Organizations

+ Scribble +
+ +
+

+ Consider choosing one organization that resonates with your passion and + values. Whether it's reforestation, marine conservation, or sustainable + development, your unique skills and dedication can contribute to + positive change. By volunteering your time, you become an integral part + of the solution, actively working towards a healthier and more + sustainable future. +

+
+ +
+ {#each $orgStore as org} + +

{org.name}

+

{org.content}

+ + {/each} +
diff --git a/src/stores/stores.js b/src/stores/stores.js new file mode 100644 index 0000000..fa721d0 --- /dev/null +++ b/src/stores/stores.js @@ -0,0 +1,63 @@ +import { writable } from "svelte/store"; + +export const orgStore = writable([ + { + image: "https://scontent.fmnl2-2.fna.fbcdn.net/v/t39.30808-6/348317949_268034229089943_7588537689575572482_n.jpg?_nc_cat=100&ccb=1-7&_nc_sid=5f2048&_nc_eui2=AeHHt8H39xzTEebovMzC06IJBGx24OlxiQgEbHbg6XGJCFZlmE_ViyZ6aEzqZmQZ4QYhGm7w23UEDeb021I2aOdN&_nc_ohc=hpJxow5xdp8AX9k-SHp&_nc_ht=scontent.fmnl2-2.fna&oh=00_AfCNnBhjpSZKMCqLb0lnDHBhrnKBTqIXHDqgJ3joKH72rA&oe=655730A7", + link: "https://www.forestfoundation.ph", + name: "Forest Foundation Philippines", + content: "Forest Foundation Philippines is a non-governmental organization dedicated to sustainable forest management and conservation in the Philippines. Through strategic initiatives, the foundation focuses on promoting responsible forestry practices, biodiversity conservation, and community involvement. By supporting research, capacity-building, and policy advocacy, Forest Foundation Philippines contributes significantly to the protection and sustainable use of the country's forests, emphasizing the importance of balancing environmental conservation with community development.", + }, + { + image: "https://scontent.fmnl2-2.fna.fbcdn.net/v/t39.30808-6/341771401_606835304674054_5193206171644179522_n.jpg?_nc_cat=107&ccb=1-7&_nc_sid=5f2048&_nc_eui2=AeGAJCJKa8V6STCoZyVn3KJ7zKtZtI9ujifMq1m0j26OJ8fywGJukhqqcXz8DUZzbT36kHMuXHZlc6K31j_Qhrt-&_nc_ohc=nebawOmBU_EAX8FToUz&_nc_ht=scontent.fmnl2-2.fna&oh=00_AfCOYPGEbFzP3H05ZrfptYnqasPbcgIQ7x7tQz2eKRrQLg&oe=655780FE", + link: "https://www.marineconservationphilippines.org", + name: "Marine Conservation Philippines", + content: "Marine Conservation Philippines (MCP) is a non-profit organization dedicated to the preservation and restoration of marine ecosystems in the Philippines. Through a combination of scientific research, community engagement, and conservation initiatives, MCP focuses on protecting coral reefs and marine biodiversity. By collaborating with local communities and implementing sustainable practices, MCP strives to ensure the long-term health and resilience of the Philippines' coastal and marine environments.", + }, + { + image: "https://scontent.fmnl2-2.fna.fbcdn.net/v/t39.30808-6/346279152_853258389557455_7778722222496067769_n.jpg?_nc_cat=102&ccb=1-7&_nc_sid=5f2048&_nc_eui2=AeEdLAUvmsKFXFt0Jgn7naBCEF4Ta2MDj9QQXhNrYwOP1NLqes61nXObrewBMcVOUs68MruJ2-jQMBCQF0PWw-8Q&_nc_ohc=5flUKNU-BdUAX8P7rj1&_nc_ht=scontent.fmnl2-2.fna&oh=00_AfBpPVs4PEp7yHwZMVLtiM6k0Au8y-UpZ8ZUULyAcq7dag&oe=6557ED56", + link: "https://www.parms.com.ph", + name: "Philippine Alliance for Recycling and Materials Sustainability", + content: "The Philippine Alliance for Recycling and Materials Sustainability (PARMS) is a prominent organization dedicated to advancing recycling practices and sustainable materials management in the Philippines. Through strategic partnerships, education, and policy advocacy, PARMS actively promotes responsible waste management and the circular economy. By fostering collaboration among stakeholders, including businesses and government agencies, PARMS works towards creating a more environmentally conscious and resource-efficient society in the Philippines.", + }, + { + image: "https://scontent.fmnl2-2.fna.fbcdn.net/v/t39.30808-6/352286216_642654831233214_8959920752524693456_n.jpg?_nc_cat=111&ccb=1-7&_nc_sid=5f2048&_nc_eui2=AeHlddu9OctnEmwl4YZ19_2HIVKIP5D9OvshUog_kP06-0GJYshtKfGz1WspMSCLq6nnCJubwr3yHXuV6dM9AUDO&_nc_ohc=HwaYiBsfea4AX-3R57U&_nc_ht=scontent.fmnl2-2.fna&oh=00_AfCdD4zZshLBpZLXL4zB2GvwIhEsxwit9ATKwmOzYZRq3A&oe=6557C5C6", + link: "https://nationalbicycle.org.ph/", + name: "National Bicycle Organization of the Philippines", + content: "The National Bicycle Organization of the Philippines (NBO) is a key advocate for cycling enthusiasts and sustainable transportation in the country. Committed to promoting biking as a viable mode of transportation, NBO works on infrastructure development, safety initiatives, and policy advocacy to create a more bicycle-friendly environment. Through community engagement and awareness campaigns, NBO plays a crucial role in encouraging healthier lifestyles and reducing carbon emissions through the widespread adoption of cycling.", + }, + { + image: "https://scontent.fmnl2-2.fna.fbcdn.net/v/t39.30808-6/306949968_460880492735779_2288339843932319933_n.jpg?_nc_cat=110&ccb=1-7&_nc_sid=5f2048&_nc_eui2=AeHP2LOeSHsJZL-AX8KAoluTn6OAnLtX7BOfo4Ccu1fsEzadgLH4g7pmc_Qgz6u5x-m6nmMT4PLmFI_JX4pzeYyH&_nc_ohc=jTr001I6NHMAX8oYEYk&_nc_ht=scontent.fmnl2-2.fna&oh=00_AfDhUVyJK9jfr9HTQek5RBMRS-uFHd5qrH572tdiY0j2JQ&oe=6557370F", + link: "https://www.facebook.com/1REAP", + name: "Renewable Energy Association of the Philippines", + content: "The Renewable Energy Association of the Philippines (REAP) is a leading organization committed to advancing the adoption and development of renewable energy sources in the country. Through advocacy, research, and collaboration with industry stakeholders, REAP plays a pivotal role in promoting sustainable energy practices and shaping policies that support the growth of renewable energy. By championing clean and environmentally friendly power solutions, REAP contributes to the Philippines' efforts in building a more resilient and low-carbon energy future.", + }, + { + image: "https://scontent.fmnl2-2.fna.fbcdn.net/v/t39.30808-6/307750221_460715816083869_3142194369305239920_n.png?_nc_cat=106&ccb=1-7&_nc_sid=5f2048&_nc_eui2=AeEMYPvsxTCcgLwyHM2tQpLPUMa2i58WIrtQxraLnxYiu5WM94z1GK9fSh4hhTMmq0dezuEqD93AS8i2A8CalpdL&_nc_ohc=4E_I1yjuAxoAX-KzBPs&_nc_ht=scontent.fmnl2-2.fna&oh=00_AfBVu9H8TZXyy9Nfw3NzEheVL2zdSepkCLS0fXBQbzArUg&oe=655816F7", + link: "https://www.philbio.org.ph", + name: "Philippines Biodiversity Conservation Foundation", + content: "The Philippines Biodiversity Conservation Foundation is a non-profit organization committed to safeguarding the rich biodiversity of the Philippines. Through conservation projects, habitat restoration, and community education, the foundation strives to protect endangered species and their ecosystems. By promoting sustainable practices and engaging local communities, the organization plays a vital role in preserving the unique and diverse natural heritage of the Philippines.", + }, + { + image: "https://scontent.fmnl2-2.fna.fbcdn.net/v/t39.30808-6/379825619_697730642389881_7576411070518079512_n.jpg?_nc_cat=103&ccb=1-7&_nc_sid=5f2048&_nc_eui2=AeH-IDIX4vyJmkRzbfdMa15omAvVeEvjoouYC9V4S-Oii-qtZvxHtqHsXrKoJYUp8PtTC3OevJ4VLcBz-dDJTZAN&_nc_ohc=i12q949Lp_MAX_HIjcn&_nc_ht=scontent.fmnl2-2.fna&oh=00_AfDcgPDGtk-ODuqyNAKEFlMpue4S5t59qpMH-x0uLqUsBQ&oe=65582D60", + link: "https://mwwphilippines.org", + name: "Marine Wildlife Watch of the Philippines", + content: "Marine Wildlife Watch of the Philippines is a dedicated organization focused on the protection and conservation of marine life in the country. Through research, advocacy, and community outreach, the organization works towards sustainable marine ecosystems and the preservation of endangered species. With a mission to raise awareness and promote responsible stewardship, Marine Wildlife Watch contributes significantly to the ongoing efforts to safeguard the Philippines' marine biodiversity.", + }, + { + image: "https://scontent.fmnl2-2.fna.fbcdn.net/v/t39.30808-6/347836997_925480648562702_4231985556803456382_n.jpg?_nc_cat=106&ccb=1-7&_nc_sid=5f2048&_nc_eui2=AeHMssJGj9m8KY9W_vk9abIG8RHc1unw8dvxEdzW6fDx29QumS6sJa-iB8XQOYBwUSZBIRDxwZQWdngHTtLCvrjH&_nc_ohc=YqFXQMgtPmYAX-3hNvK&_nc_ht=scontent.fmnl2-2.fna&oh=00_AfAxRfg3DHxHu1f4wUJV88Akxjz_4E5dygKPlLK-w0D8Cw&oe=655823F2", + link: "https://haribon.org.ph", + name: "Haribon Foundation", + content: "Haribon Foundation is a well-established environmental organization in the Philippines dedicated to the conservation of biodiversity and ecosystems. Through scientific research, community engagement, and advocacy, Haribon focuses on protecting and restoring critical habitats, including forests and endangered species. With a rich history dating back to 1972, Haribon remains a key player in promoting environmental awareness and sustainable practices to ensure the long-term health of the Philippines' natural heritage.", + }, +]) + +/* + + { + image: "", + link: "", + name: "", + content: "", + } + +*/ \ No newline at end of file