diff --git a/Wireframe/git_branch.png b/Wireframe/git_branch.png new file mode 100644 index 000000000..bc746a80f Binary files /dev/null and b/Wireframe/git_branch.png differ diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..252a1d0ab 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -8,25 +8,88 @@
-

Wireframe

+

Wireframe exercise

- This is the default, provided code and no changes have been made yet. + This page will contain the information to complete the task.

-
- -

Title

+
+
+ +

What Is the Purpose of a README File?

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. +

+ A README file is a document that introduces and explains a project. It is usually the first thing someone sees when they open a repository on GitHub. + +The purpose of a README file is to: +
    +
  • Describe what the project does and why it exists
    • + +
  • Explain how to install, run, or use the project
    • + +
  • Provide instructions for contributors
    • + +
  • Share important information such as dependencies, licenses, or contact details
    • +
+A well-written README helps users quickly understand the project without needing to explore the entire codebase. It also makes projects more professional and accessible to others. +

- Read more + Read more
+
+ +
+ +

What Is the Purpose of a Wireframe?

+

+

+ A wireframe is a visual blueprint of a website or application. It focuses on structure and layout rather than colors, images, or detailed design. + +The purpose of a wireframe is to: +
    +
  • Plan the layout of content and features
    • + +
  • Show where elements like buttons, text, and images will appear
    • + +
  • Help teams agree on functionality before development begins
    • + +
  • Save time and reduce errors by identifying issues early
    • +
+Wireframes act as a guide for designers, developers, and stakeholders, ensuring everyone has a shared understanding of how the final product should work. +
+

+ Read more +
+
+
+
+ +

What Is a Branch in Git?

+

+

+ A branch in Git is a separate version of a project where changes can be made independently from the main codebase. + +The purpose of using branches is to: +
    +
  • Work on new features without affecting the main project
    • + +
  • EFix bugs safely
    • + +
  • Experiment with ideas without risk
    • + +
  • Allow multiple people to work on the same project at the same time
    • +
+A well-written README helps users quickly understand the project without needing to explore the entire codebase. It also makes projects more professional and accessible to others. +
+

+ Read more +
+

- This is the default, provided code and no changes have been made yet. + This specific page is created by Ihor Taradaiko.

diff --git a/Wireframe/placeholder.svg b/Wireframe/placeholder.svg deleted file mode 100644 index ac36a0abc..000000000 --- a/Wireframe/placeholder.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/Wireframe/readme.png b/Wireframe/readme.png new file mode 100644 index 000000000..d90b87e51 Binary files /dev/null and b/Wireframe/readme.png differ diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..f46276473 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -18,7 +18,8 @@ As well as useful links to learn more */ ====== Design Palette ====== */ :root { --paper: oklch(7 0 0); - --ink: color-mix(in oklab, var(--color) 5%, black); + --background-color: grey; + --ink: color-mix(in oklab, var(--color) 10%, black); --font: 100%/1.5 system-ui; --space: clamp(6px, 6px + 2vw, 15px); --line: 1px solid; @@ -52,6 +53,11 @@ main { footer { position: fixed; bottom: 0; + margin: auto 0; + width: 100%; + text-align: center; + color: whitesmoke; + background-color: grey; text-align: center; } /* ====== Articles Grid Layout ==== diff --git a/Wireframe/wireframe.png b/Wireframe/wireframe.png index 731f01503..9356ac2f2 100644 Binary files a/Wireframe/wireframe.png and b/Wireframe/wireframe.png differ