From fdeecfb64fc08f47e2bd2c9913515973ffef236b Mon Sep 17 00:00:00 2001 From: ofonimeedak Date: Sat, 17 Jan 2026 06:24:15 +0000 Subject: [PATCH 1/4] all about readMe.md file --- Wireframe/readMe.html | 56 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 56 insertions(+) create mode 100644 Wireframe/readMe.html diff --git a/Wireframe/readMe.html b/Wireframe/readMe.html new file mode 100644 index 000000000..896b6f4d7 --- /dev/null +++ b/Wireframe/readMe.html @@ -0,0 +1,56 @@ + + + + + + Document + + + +

README FILE

+

What is the Purpose of a ReadMe

+ + +
+

Introduction

+

+ According to wikipedia, a A README file contains descriptive information + about the content of a directory in which the file is located. The scope + of the information generally includes the files of the directory, and + may include descendant directories, or even the full directory tree. The + name is intended to draw a user's attention to important and + orientational information about the directory content +

+ +

The Purpose of ReadMe

+

+ A README file's purpose is to serve as the entry point and overview for + a software project, providing essential information like what the + project does, why it's useful, and how to install, use, or contribute to + it, helping users and new developers quickly understand and get started + with the code. It acts as a project's homepage, reducing friction and + guiding collaboration by centralizing documentation, installation steps, + contribution guidelines, and license details in one easily accessible + file, usually in the project's root directory. +

+
+ + +

+ Without a proper read me, collaborators especially on open source + project find it difficult to understand and contribute to the project in + general +

+ + + + + From 69c28cd1a27883d4f8e8a265f78c08b72184be8d Mon Sep 17 00:00:00 2001 From: ofonimeedak Date: Sat, 17 Jan 2026 06:52:18 +0000 Subject: [PATCH 2/4] wireframe and branching --- Wireframe/readMe.html | 74 +++++++++++++++++++++++++++++++++++++------ 1 file changed, 65 insertions(+), 9 deletions(-) diff --git a/Wireframe/readMe.html b/Wireframe/readMe.html index 896b6f4d7..7530cedf9 100644 --- a/Wireframe/readMe.html +++ b/Wireframe/readMe.html @@ -12,7 +12,7 @@

README FILE

-

Introduction

+

Introduction

According to wikipedia, a A README file contains descriptive information about the content of a directory in which the file is located. The scope @@ -22,7 +22,7 @@

Introduction

orientational information about the directory content

-

The Purpose of ReadMe

+

The Purpose of ReadMe

A README file's purpose is to serve as the entry point and overview for a software project, providing essential information like what the @@ -33,17 +33,64 @@

The Purpose of ReadMe

contribution guidelines, and license details in one easily accessible file, usually in the project's root directory.

+ +

+ Without a proper read me, collaborators especially on open source + project find it difficult to understand and contribute to the project + in general +

+ +
+
+
+

What is the Purpose of Wireframes

+

+ Wireframes are skeleton of the web. This skeleton is a two-dimensional + depiction of a page’s interface that shows the spacing of elements on + the page, how content is prioritized, what functionalities are + available, and how users will interact with the site. They also play a + vital role in connecting information architecture to the visual + aspects of the design by showing pathways between the various pages. + Wireframes are intentionally void of color, graphics and stylized + fonts. +

+ + Wireframing is a quick and effective way to identify usability issues + early on in your design process + +
- -

- Without a proper read me, collaborators especially on open source - project find it difficult to understand and contribute to the project in - general -

- +
+ +
+ +

What is Branch in Git

+ +

A Git branch is a separate workspace used to make changes without affecting the main project. Once the work is complete, the changes can be merged back into the main or master branch. + +Branches make it easy to: +

    + +
  • + Manage different tasks or features independently +
    • +
  • + Test changes without affecting live code +
    • +
  • + Collaborate with others efficiently +
    • +
+

+
+ + Without branching developers will not have the flexibility of making changes and contributing to the main branch after a pull request + +
From d47ec1b8e5a0a4a269bdcf3af95e4f651a730a07 Mon Sep 17 00:00:00 2001 From: ofonimeedak Date: Sat, 17 Jan 2026 07:49:10 +0000 Subject: [PATCH 3/4] add external style sheet --- Wireframe/readme.css | 82 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 82 insertions(+) create mode 100644 Wireframe/readme.css diff --git a/Wireframe/readme.css b/Wireframe/readme.css new file mode 100644 index 000000000..177eacc7f --- /dev/null +++ b/Wireframe/readme.css @@ -0,0 +1,82 @@ +*{ + + padding: 0px; + margin:0px ; + box-sizing: border-box; +} +body{ + background-color: rgb(210, 30, 114); +} +h1{color: black; + margin:10px ; + padding: 5px; + + + + +} +.description{color: rgb(127, 255, 238); + margin:10px ; + padding: 5px; + + + + +} +h2{color: black; + + +} +.readme{ + color: rgb(127, 255, 238); + color: rgb(127, 255, 238); + font-weight: 100; + margin: 10px; + padding: 5px; +} + +.wireframe{ + margin: 10px; + padding: 5px; + color: rgb(127, 255, 238); + font-weight: 100; +} +.branch{ + margin: 10px; + padding: 5px; + color: rgb(127, 255, 238); + font-weight: 100; +} + +ul{ + padding: 20px; +} + + +h3{ + text-align: center; + margin: 0 10px; + padding: 10px; +} +footer{ +bottom: 0; + position:relative; + text-align: center; + gap: 15px; + margin: 5px; + padding: 10px; + width: 100vw; + height: inherit; + align-content: center; +} + + + + + + + + + + + From cf6413099d3ee2fe11eda4a82c02e55926a1ae40 Mon Sep 17 00:00:00 2001 From: ofonimeedak Date: Sat, 17 Jan 2026 07:51:22 +0000 Subject: [PATCH 4/4] style classes --- Wireframe/readMe.html | 38 +++++++++++++++++--------------------- 1 file changed, 17 insertions(+), 21 deletions(-) diff --git a/Wireframe/readMe.html b/Wireframe/readMe.html index 7530cedf9..19cf9f1d1 100644 --- a/Wireframe/readMe.html +++ b/Wireframe/readMe.html @@ -3,15 +3,16 @@ - Document + Sprint1 Version Control +

README FILE

-

What is the Purpose of a ReadMe

+

What is the Purpose of a ReadMe

-
+

Introduction

According to wikipedia, a A README file contains descriptive information @@ -41,7 +42,7 @@

The Purpose of ReadMe

-
+

What is the Purpose of Wireframes

@@ -61,27 +62,20 @@

What is the Purpose of Wireframes

-
+

What is Branch in Git

-

A Git branch is a separate workspace used to make changes without affecting the main project. Once the work is complete, the changes can be merged back into the main or master branch. - -Branches make it easy to: -

    - -
  • - Manage different tasks or features independently -
    • -
  • - Test changes without affecting live code -
    • -
  • - Collaborate with others efficiently -
    • -
+

A Git branch is a separate workspace used to make changes without affecting the main project. Once the work is complete, + the changes can be merged back into the main or master branch. + Branches make it easy to: +

    +
  • Manage different tasks or features independently
    • +
  • Test changes without affecting live code
    • +
  • Collaborate with others efficiently
    • +

@@ -89,8 +83,10 @@

What is Branch in Git

+

Additional resources and links

+