diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..b7a8886 --- /dev/null +++ b/LICENSE @@ -0,0 +1,28 @@ +BSD 3-Clause License + +Copyright (c) 2024, IshaA08 + +Redistribution and use in source and binary forms, with or without +modification, are permitted provided that the following conditions are met: + +1. Redistributions of source code must retain the above copyright notice, this + list of conditions and the following disclaimer. + +2. Redistributions in binary form must reproduce the above copyright notice, + this list of conditions and the following disclaimer in the documentation + and/or other materials provided with the distribution. + +3. Neither the name of the copyright holder nor the names of its + contributors may be used to endorse or promote products derived from + this software without specific prior written permission. + +THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" +AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE +IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE +DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE +FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL +DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR +SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER +CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, +OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE +OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. diff --git a/README.md b/README.md new file mode 100644 index 0000000..7387c30 --- /dev/null +++ b/README.md @@ -0,0 +1,96 @@ +# Isha's One-Page Portfolio + +## Project Description +This one-page portfolio hosted using GitHub Pages succinctly captures my career and work so far. +Made using [Bootstrap](https://getbootstrap.com/), a free open-source CSS framework used for responsive +front-end web development and [FormSubmit](https://formsubmit.co/) for contact form handling. + +## How to View the Project +Requirements: +- Required: Any modern Internet browser such as Mozilla Firefox, Google Chrome, Microsoft Edge, etc. +- Go to https://ishaa08.github.io/ + +## License +BSD-3-Clause license + +## Reference Material, Sources and Credits +The following resources have been consulted and learned from over the course of building this project. + +### Learning and Reference Materials +**Setting up Bootstrap & Basic Website Example:** https://websitesetup.org/bootstrap-tutorial-for-beginners/ + +Schäferhoff, N. (2013-2024). *Bootstrap Tutorial*. WebsiteSetup. + +**Additional Information on Single Page Responsive Websites:** https://www.geeksforgeeks.org/create-a-single-page-responsive-website-using-bootstrap/ + +Saurabh294. (2021). *Create a Single Page Responsive Website Using Bootstrap*. GeeksforGeeks. + +**Bootstrap Grids:** https://stackoverflow.com/questions/58970117/how-to-make-left-and-right-grid-sticky-and-middle-one-scrollable-in-bootstrap-4 + +Skelly, C. (2019). *How to make left and right Grid sticky, and Middle one scrollable in Bootstrap 4*. StackOverflow. + +**Timelines:** https://mdbootstrap.com/docs/standard/extended/timeline/ + +(2023). *Timeline*. MDBootstrap. + +**Animations in CSS:** https://lenadesign.org/2022/02/11/css-night-city-animation/ + +Stanley, L. (2022). *CSS Night City Animation*. LenaDesign. + +**Animating Clocks in CSS:** https://dev.to/code_mystery/simple-analog-clock-using-html-css-javascript-2c6a + +Developer, F. (2021). *Simple Analog Clock Using Html, CSS & Javascript*. DEV. + +More on Clock Animations: https://css-tricks.com/of-course-we-can-make-a-css-only-clock-that-tells-the-current-time/, https://github.com/MrTech-AK/Analog.OnlineClock + +**CSS Text Glow:** https://stackoverflow.com/questions/40393497/text-outer-glow-effect-using-css + +frnt. (2016). *Text outer glow effect using CSS*. StackOverflow. + +### Hosting + +**GitHub Pages:** https://pages.github.com/ + +(2024). *Websites for you and your projects*. GitHub. + +**Open-Source Licenses:** https://choosealicense.com/ + +N. D. *Choose an open source license*. GitHub. + +**Contact Form/Email Submissions:** https://formsubmit.co/ + +### Images +All images used are royalty-free and under Standard Content Licenses. + +Artists/Sources for each image found in the *images* directory: +- about-portrait.png, about-portrait-2.png, about-socials.png: + - iStock image ([1](https://www.istockphoto.com/vector/female-muslim-daily-outfit-collection-gm1179802328-330279606?searchscope=image%2Cfilm), [2](https://www.istockphoto.com/vector/muslim-business-women-gm1179802324-330279608)) + - Artist: [Nadzeya_Dzivakova](https://www.istockphoto.com/portfolio/Nadzeya_Dzivakova?mediatype=illustration) + - iStock Standard License +- pink-nav.png, sidebar-left.png, sidebar-right.png: + - Pixabay stock image (https://pixabay.com/illustrations/colorful-abstract-polygon-textures-1436384/) + - Artist: [tammcd](https://pixabay.com/users/tammcd-1314245/) + - Pixabay Content License +- main-portrait.png: + - Pixabay stock image (https://pixabay.com/vectors/girl-hijab-veil-chibi-muslim-pink-8391297/) + - Artist: [milaoktasafitri](https://pixabay.com/users/milaoktasafitri-17181411/) + - Pixabay Content License +- clock-face.png: + - Deviant Art (https://www.deviantart.com/agf81/art/Clock-Face-253863738) + - Artist: [AGF81](https://www.deviantart.com/agf81/gallery) + - Creative Commons Attribution 3.0 License +- contact-smiley.png, all images in the *favicon_io* directory: + - iStock image (https://www.istockphoto.com/vector/handwritten-facial-expression-and-emotion-icons-gm1193242705-339327171) + - Artist: [Shima](https://www.istockphoto.com/portfolio/shima-illust?mediatype=illustration) + - iStock Standard License +- *services-icons* directory all images: + - iStock image (https://www.istockphoto.com/vector/marketing-thin-line-icons-set-digital-marketing-editable-stroke-icons-set-marketing-gm1598708217-530005437) + - Artist: [Warmworld](https://www.istockphoto.com/portfolio/Warmworld?mediatype=illustration) + - iStock Standard License +- *timeline-icons*: [grad.png - ShariJo](https://pixabay.com/illustrations/graduation-cap-and-scroll-4319259/), [group.png - TranQuangKhai](https://pixabay.com/vectors/advisors-users-icon-people-group-6491207/), [pointer.png - Clker-Free-Vector-Images](https://pixabay.com/vectors/cursor-mouse-interface-gui-menu-34165/), [school.png - Inspirestudio](https://pixabay.com/vectors/building-school-university-campus-6780404/), [seo.png - Mohamed Hassan](https://pxhere.com/en/photo/1624048) +- *logos-for-links*: [arrow.png - OpenClipart-Vectors](https://pixabay.com/vectors/arrow-up-upload-black-156118/), [chat.png - Memed_Nurrohmed](https://pixabay.com/vectors/chat-icon-social-network-1873543/), [email.png - Dean_Icons](https://pixabay.com/illustrations/mail-message-email-send-message-1454731/), [env-mode.png - raphaelsilva](https://pixabay.com/vectors/sun-cloud-rain-icon-summer-sky-3000986/) + +### Inspirations/Interesting Designs +CSS [desk](https://codepen.io/luisomarti/pen/VwaawWd) animation - Luis Martinez, CSS animations [examples](https://freefrontend.com/css-animation-examples/page/3/), +Making color palettes with [Cooler](https://coolors.co/), timeline [examples](https://uicookies.com/horizontal-timeline/), CSS [card](https://devdevout.com/css/css-cards) +examples, contact form [examples](https://freefrontend.com/css-contact-forms/), circular [buttons](https://codepen.io/alvarotrigo/pen/poawYRO) - Alvaro, Bootstrap [dropdowns](https://www.studytonight.com/bootstrap/solvedbootstrap-dropdown-not-working), CSS [sun rays](https://codepen.io/mgkOV/pen/qzNegg)