Skip to content

Fix the size of the diagrams. Add res folders. #170

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 11 commits into from
Jul 3, 2018
Merged

Fix the size of the diagrams. Add res folders. #170

merged 11 commits into from
Jul 3, 2018

Conversation

june128
Copy link
Member

@june128 june128 commented Jun 29, 2018

Also add res folder for building_blocks and move images into it.
This is targeting this card https://github.com/algorithm-archivists/algorithm-archive/projects/11#card-10967676

@june128 june128 added the Chapter Edit This changes the archive's chapters. (md files are edited.) label Jun 29, 2018
@june128
Copy link
Member Author

june128 commented Jun 29, 2018

Also: What do you (reviewer) think about the size of the images.
If everything is fine, let us wait for @leios s opinion, since this is a Chapter Edit.

@june128
Copy link
Member Author

june128 commented Jun 29, 2018

Ok, a few question came up for me, while I'm working on this.

First of all: should the image here be centered as well? I did it in a commit, but I can easily revert it.

Also: I added a few res folders and also changed the syntax to include an image from

![Image name](path)

to

<p align="center">
    <img src="path" />
</p>

since the latter one is also used, when we need to specify a certain size and having all images included the same way seemed nice.
A few chapters still need to be done, so what do you (all) think? Should we use the first version whenever possible and just use the second, if needed? Or use the second version every time and include everything in a standardized way?
(Especially @leios is asked)

@@ -51,7 +51,9 @@ Now, solving this set of equations in this way is known as the *forward* Euler M
In fact, there is another method known as the [*backward* Euler Method](backward_euler.md), which we will get to soon enough.
For now, it is important to note that the error of these methods depend on the timestep chosen.

<div style="text-align:center"><img src ="res/error.png" /></div>
<p align="center">
Copy link
Contributor

@zsparal zsparal Jun 29, 2018

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You should not use the "align" attribute. We already have a custom CSS file to fix some syntax highlighting, you should add a class there.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you do that? I'm not really familiar with CSS.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sure, I'll send you a PR soon™ (but seriously, it might take a few days, anyone else who wants to do it, feel free)

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I added something to the file, that seems to provide the desired result.

@june128 june128 changed the title Fix the size of the diagrams. Fix the size of the diagrams. Add res folders. Jun 29, 2018
@leios
Copy link
Member

leios commented Jun 29, 2018

Hey @julianschacher, I think the centered (HTML) version is best, but I am also not sure what file to update about the custom CSS and stuff. If you guys think there is a better way for different screen resolutions, please let me know. Right now, I have been manually specifying the size of each image, which is not necessarily the best.

@june128 june128 mentioned this pull request Jul 2, 2018
@june128
Copy link
Member Author

june128 commented Jul 2, 2018

Using the width attribute is more mobile friendly than using the height attribute.

@@ -9,3 +9,9 @@
.book .book-body .page-wrapper {
margin-bottom: 12em;
}

img {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is probably not what you want. This changes the style of every <img> element, including, for example, the CC banner at the bottom of the front page.

Copy link
Member

@leios leios left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is a somewhat needed change. It's good to have everything standardised. Thanks!

@zsparal zsparal merged commit bc7d50e into algorithm-archivists:master Jul 3, 2018
@june128 june128 deleted the fixBitlogicDiagramsPR branch July 4, 2018 15:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Chapter Edit This changes the archive's chapters. (md files are edited.)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants