Posts

Showing posts from October, 2019

Hacktoberfest pull request 4: Creating a Landing Page

Image
Finlay week of Hacktoberfest is here and my final pull request has been sent. Following the theme of practicing my HTML, I was tasked to create a landing page for a CLI Java application called "Barista". Barista, in a nutshell, is a CLI application that helps you build your java application. With so little information on the creators Github page   I had look for sample webpages that provided more information visual with less text and was aesthetically pleasing. I found a web application sample that met my need for this issue. On the website Start Bootstrap , it allows the viewers to see snippets of the Html code or download from web site pages under the MIT License. I chose the sample site that had all my requirements for a sample but, informative website and modified it to my exact need. I had to dive deep into the code to loop parts that I need to change from the example the sample came with an image representing an iPhone but I changed it to a MacBook with the Java symbol

Hacktoberfest Pull Request # 3

Image
The week of 14 of October has been a busy week, with midterm exams going on but I was able to complete my third pull request. The issue requirement was to redesign a card event for the web app. When I first showed interest the author replied back with a requirement that was needed for the application to work as intended.  Before starting, I had to learn Vue.js what is and what it does. When I had a somewhat understanding of the Vue was, I went back to the web application,  read through it and tested it the see where I was and where to begin. During the testing, I fun out that what the author wanted was already there in the web app.  So I sent a message to the author and got a reply. He reiterated that he wanted the card event to have fewer words and to look more "conceivable". To make it easier for users to read and understand what they are reading without feeling that there is a lot of information being presented at once. I limited the number of characters

Hacktoberfest Pull Request # 2

Image
Week 2 of the hacktoberfest and my second pull request of the month is up.  Continuing with the theme of Html, the current pull request required me to find a way to compress image (size/format) and it should be able to work on all browsers. I commented on this issue that I would like to attempt it but when I was ready to contribute to this project I found out the some else has done it without commenting on the issue. I received a message from the project creator, that even though the issue has been done, I could add some features to the application. So I decided to add a media query to the application relating to the image that is displaying. Media query when you use the @media rule block of CSS when some certain conditions are true. In this situation, the condition is the screen size, in which the image is displayed. As you can see from the image above the depending on the screen size the image will change its width and height. In other to add this feature I had to go back to W3 s

Hacktoberfest Pull Request #1

Image
Hacktoberfest is final here and my first pull request is already up. One of my goals for this hacktoberfest was to improve my skills in HTML. Therefore I the first pull request I completed was  to add information to the current code in the master. Issue: Add “Divergent” by Veronica Roth to EmojiPages EmojiPages is a website that is displayed on the GitHub pages, it's main objective is the display emojis that give a simple summary about the story or music they are about. The code has a mixture of HTML, java script and CSS elements. The issue for this GitHub project was emoji describing the what the book "Divergent" was about, long with the who wrote it , the name of the book and what year it was published.    The image of the code bellow is what was required to be added to the code. In other to start this issue I had to fork this project and download it to my local to computer for editing. The completed code was uploaded a different branch on my version of the