r0r-5chach/CSY1018-assignment-1
r0r-5chach
/
CSY1018-assignment-1
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added second and third posts

This commit is contained in:
jpez 2022-04-15 18:15:51 +01:00
parent 29b5d4d6d7
commit 2ae4dd7122
4 changed files with 20 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/blog/images/second.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
assets/blog/images/third.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

8
blog/blog.css
View File

@ -16,6 +16,14 @@
min-width: 24em; min-width: 24em;
} }
#second > .blog_image {
padding-left: 8em;
}
#third > .blog_image {
padding-left: 8em;
}
.blog { .blog {
display: grid; display: grid;
grid-template-columns: repeat(3, 2fr); grid-template-columns: repeat(3, 2fr);

19
blog/blog.html
View File

@ -49,17 +49,22 @@
</section> </section>
<section class="blog_post" id="second"> <section class="blog_post" id="second">
<button class="arrow"></button> <button class="arrow"></button>
<h1 class="blog_title">Blog Title</h1> <h1 class="blog_title">Binary Addition</h1>
<img class="blog_image" src="assets/images/profileImage.png"/> <img class="blog_image" src="assets/blog/images/second.jpg"/>
<p class="blog_content">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste mollitia repellat, possimus nesciunt aspernatur quisquam doloremque! Illo, debitis distinctio, nostrum voluptatum possimus minus odio quaerat quia fugit maiores porro. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate quas recusandae dolorum sunt porro vero, temporibus nesciunt cum, sint iure quis suscipit dignissimos maiores cumque debitis nihil, eveniet dolores nemo.</p> <p class="blog_content">In primary school we are taught to use long addition to sum numbers on paper. The practice relies on the concept of carrying digits to
other columns when the simple addition excedes 10. We can use the same technique to add binary numbers just instead of carrying when
exceding 10, we do this at 1. The best way to visualise this is with a couple of rules whenn carrying. First, when adding two 1s in a column,
the answer is 0 carry 1. Secondly, when adding three 1s in a column (from a previous carry), the answer is 1 carry 1.</p>
<p class="blog_details"></p> <p class="blog_details"></p>
</section> </section>
<section class="blog_post" id="third"> <section class="blog_post" id="third">
<button class="arrow"></button> <button class="arrow"></button>
<h1 class="blog_title">Blog Title</h1> <h1 class="blog_title">Binary Subtraction Using 2's Complement</h1>
<img class="blog_image" src="assets/images/profileImage.png"/> <img class="blog_image" src="assets/blog/images/third.jpg"/>
<p class="blog_content">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste mollitia repellat, possimus nesciunt aspernatur quisquam doloremque! Illo, debitis distinctio, nostrum voluptatum possimus minus odio quaerat quia fugit maiores porro. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate quas recusandae dolorum sunt porro vero, temporibus nesciunt cum, sint iure quis suscipit dignissimos maiores cumque debitis nihil, eveniet dolores nemo.</p> <p class="blog_content">Subtraction in binary is a little hard as it is not as intuitive as the addition. To subtract two binary numbers we use a method known as
2's complement. 2's complement is a way of expressing a binary number as a negative. After doing this conversion, you can just add the two
numbers and it will give the same answer as if the two numbers were subtracted in denary. To find 2's complement, you begin by inverting
each bit in the number (if the bit is a 0 it becomes 1, and vice versa) and then add 1.</p>
<p class="blog_details"></p> <p class="blog_details"></p>
</section> </section>