aboutsummaryrefslogtreecommitdiff
path: root/css
AgeCommit message (Collapse)AuthorLines
2022-05-10index.html: added Matrix-protocol chatrooms for ManeageMohammad Akhlaghi-0/+21
Until now, the only way we had suggested for interested viewers to get in touch with us was through Savannah. But that interface can be a little too technical for some interested people. With this commit, the Savannah part has been commented (not shown in the top page), and instead some Matrix-protocol chat rooms have been introduced to help new users easily contact us.
2021-06-30Added CSS, allowing iframe aspect ratio to be preservedMohammad Akhlaghi-0/+29
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.
2020-06-14New project-flow SVG image, new .center CSS classMarjan Akbari-0/+10
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.
2020-06-03Removed the order element of RDA's logoMohammad Akhlaghi-6/+1
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.
2020-06-04Update supporting organizations lookPedram Ashofteh Ardakani-0/+17
* 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
2020-06-04Update footer style and copyright noticePedram Ashofteh Ardakani-1/+14
* Fix line-height problem * Use lighter link colors * Add the logo copyrights
2020-06-01Update footer stylePedram Ashofteh Ardakani-1/+3
* Reduce text size * Reduce vertical paddings * Reduce line spacings
2020-06-01Add supporting organizationsPedram Ashofteh Ardakani-0/+17
* Used flex * Should we add the gobierno-canarias?
2020-06-01Add page footerPedram Ashofteh Ardakani-3/+16
* 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
2020-05-16Bring headers closer to text below themPedram Ashofteh Ardakani-0/+11
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.
2020-05-07Change `burger` menu behavior, minor fixesPedram Ashofteh Ardakani-11/+23
* 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
2020-05-07Fix `Git` button and the `hamburger` menu labelPedram Ashofteh Ardakani-1/+6
* 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.
2020-05-07Add licensing informationPedram Ashofteh Ardakani-1/+28
Thanks to Mohammad for recognizing even the smallest of contributions.
2020-05-05Fix banner alignmentPedram Ashofteh Ardakani-0/+4
Keep the Maneage logo and header texts next to each other by vertical-aligning them both at the middle.
2020-05-05Add comments, mind the CSS stylingPedram Ashofteh Ardakani-186/+198
* Clarify selectors and elements with comments * Delete duplicate styles * Change ID names to something that makes more sense
2020-05-05Stick navigation bar to the topPedram Ashofteh Ardakani-21/+22
And make the hamburger label white. NOTE: It may look nicer if the label rotates when the user clicks on it.
2020-05-03Fix CSS link coloring and nav headerPedram Ashofteh Ardakani-52/+38
* 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
2020-05-03Fix colors and code paddingPedram Ashofteh Ardakani-24/+48
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
2020-05-01Create header banner for everypagePedram Ashofteh Ardakani-2/+5
Now, every page has a banner with Maneage logo on it. Fixed the html and css both.
2020-05-01Fix link selectorsPedram Ashofteh Ardakani-4/+4
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.
2020-05-01Recolor <pre> code sectionsPedram Ashofteh Ardakani-2/+2
* Lighter background * Lighter border
2020-05-01Fix fontsPedram Ashofteh Ardakani-0/+3
* Reduce <code> font size * Increase <body> line-height
2020-04-29Better <code> formatting & tidy up CSSPedram Ashofteh Ardakani-12/+42
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.
2020-04-29Tidy up the CSS file, esp. the colors sectionPedram Ashofteh Ardakani-78/+39
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.
2020-04-28Decorate various tagsPedram Ashofteh Ardakani-6/+28
Unitl now, there were almost no decorations introduced to <code> and <a> tags. With this commit, the webpage gets a colorful soul.
2020-04-28Link colorsPedram Ashofteh Ardakani-46/+62
2020-04-28Put in the CSS filePedram Ashofteh Ardakani-0/+234