Age | Commit message (Collapse) | Author | Lines |
|
Until now, a fixed height of 315 was assumed for the 'iframe'. So on a
full screen monitor the video would be too thin and on a smarphone it
would be too thick.
With this commit, I found a good CSS style that conforms to CSS2 for
older browsers also and used it to have varying aspect ratios based on
the size of the browser.
Also, now that people can directly watch the video on Maneage's own
webpage, it was necessary to edit the text above the video.
|
|
Until now, The project-flow SVG image was saved as optimized SVG
with comments saved in it by Inkscape. This made its size about
than 230 KB. The icon of paper in the image was also a simple paper.
With this commit, I modified the icon of the paper and added some
details: a small shape made of a square and circle inside the
text of the paper to look like a figure. Then I saved it as an
optimized SVG file without any comments. This allows us to have
a file with 208KB size.
For putting the image in the website I also decreased its size, so
it was necessary to center it. To do this, I added a general class
'.center' for this job and added it in 'base.css' at the end of
General style section to allow us have everything with this class
in the center.
|
|
It is important that RDA's support be shown first (afterall it is the
grant that directly supported this project), support from the other
projects has been mainly as part of a larger project.
|
|
* Resized and relocated logos for a better look
* Moved the copyright comments in `html` files because Firefox was
complaining it could not find the `encoding character set` could not be
found in the first `1024 bytes` of the file
|
|
* Fix line-height problem
* Use lighter link colors
* Add the logo copyrights
|
|
* Reduce text size
* Reduce vertical paddings
* Reduce line spacings
|
|
* Used flex
* Should we add the gobierno-canarias?
|
|
* The `People` page will be added later
* This is almost the simplest design possible, we will alter the design
to match the desired and defined look later
|
|
Reduce the margin and padding on top of the paragraphs and below the
headers. Mohammad suggested this on savannah:
* https://savannah.nongnu.org/bugs/?58377#comment0
Also, add a few sentences in the README.md file.
|
|
* Add more comments in CSS
* Fill the entire top with nav bar in smaller screens
* Rotate the `burger` menu 180degrees and change color on click
* Replace the `burger` unicode with pipe `|` in other pages too
* Add the licensing info in other pages too
* Increase the page width for more space
|
|
* The `hamburger` label is not showing properly in different browsers.
Maybe that specific html unicode is not supported in all browsers. I
used a trick to fix this issue using the pipe character `|` ;-)
You could read about that here too:
https://stackoverflow.com/a/61645811/6474744
* The `down-arrow` unicode also did not work as expected through some
browsers. It was decided to remove this label totally. Maybe later
we can adopt using `standard` unicode html characters that are
`known` to be widely used across various browsers in different
platforms.
|
|
Thanks to Mohammad for recognizing even the smallest of contributions.
|
|
Keep the Maneage logo and header texts next to each other by
vertical-aligning them both at the middle.
|
|
* Clarify selectors and elements with comments
* Delete duplicate styles
* Change ID names to something that makes more sense
|
|
And make the hamburger label white.
NOTE: It may look nicer if the label rotates when the user clicks on it.
|
|
* Fix responsive header width
* Round corners in footer and nav head
* Stick navigation bar to the top
* Add comments to make it dev-friendly, More to come in future commits
* Darken the link colors to ease the reader's experience and keep the
links from jumping out the text
|
|
Colors:
* links (darker pink)
* visited links (darker - but distinguishable from black)
* link text-shadows (lighter, subtle selecting effect)
* code blob background (pure white)
Padding:
* same as GitLab
* line-height wasn't working because it was inherited from body. Fixed
this by changing the line-height in the parent - which is the <pre> tag
|
|
Now, every page has a banner with Maneage logo on it. Fixed the html and
css both.
|
|
Until now, the links were selected by their parent. That was to
separately change the `Button` links and links in <p>, <li>, etc.
With this commit, only the `Button` links are sepatated with a class.
All other links are decorated the same.
|
|
* Lighter background
* Lighter border
|
|
* Reduce <code> font size
* Increase <body> line-height
|
|
Change background and text colors, round the corners, better control on
text overflow in smaller devices, etc.
I'll try to be more `atomic` in next commits. However, that seems
unnecessary since all these commits have short lives, except the last
`squashed` one.
|
|
Created a seperate color section at the beginning of the CSS file, so
one can change colors without moving around the CSS file so much!
Created a `FONTS` section at the top of the CSS file.
Also, moved the `decoration classes` section next to the `colors`
section in the CSS file.
I'll try to tidy up the CSS file further.
|
|
Unitl now, there were almost no decorations introduced to <code> and <a>
tags.
With this commit, the webpage gets a colorful soul.
|
|
|
|
|