diff --git a/BOSC-logo/README.md b/BOSC-logo/README.md new file mode 100644 index 0000000..bc17934 --- /dev/null +++ b/BOSC-logo/README.md @@ -0,0 +1 @@ +Directory to save all BOSC's logo and edit files diff --git a/BOSC-logo/bnw logo 1.png b/BOSC-logo/bnw logo 1.png new file mode 100644 index 0000000..69a9c1d Binary files /dev/null and b/BOSC-logo/bnw logo 1.png differ diff --git a/BOSC-logo/bosc_0.svg b/BOSC-logo/bosc_0.svg new file mode 100644 index 0000000..4a2b319 --- /dev/null +++ b/BOSC-logo/bosc_0.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/BOSC-logo/bosc_1.svg b/BOSC-logo/bosc_1.svg new file mode 100644 index 0000000..7e49436 --- /dev/null +++ b/BOSC-logo/bosc_1.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/BOSC-logo/bosc_2.svg b/BOSC-logo/bosc_2.svg new file mode 100644 index 0000000..c7da1b4 --- /dev/null +++ b/BOSC-logo/bosc_2.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/BOSC-logo/bosc_3.svg b/BOSC-logo/bosc_3.svg new file mode 100644 index 0000000..0865ae7 --- /dev/null +++ b/BOSC-logo/bosc_3.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/BOSC-logo/bosc_4.svg b/BOSC-logo/bosc_4.svg new file mode 100644 index 0000000..4047b90 --- /dev/null +++ b/BOSC-logo/bosc_4.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/BOSC-logo/colored logo 1.jpeg b/BOSC-logo/colored logo 1.jpeg new file mode 100644 index 0000000..0d856e9 Binary files /dev/null and b/BOSC-logo/colored logo 1.jpeg differ diff --git a/BOSC-logo/logo 1 w text.jpg b/BOSC-logo/logo 1 w text.jpg new file mode 100644 index 0000000..dd6a8ee Binary files /dev/null and b/BOSC-logo/logo 1 w text.jpg differ diff --git a/BOSC-logo/logo 2.jpg b/BOSC-logo/logo 2.jpg new file mode 100644 index 0000000..ac8bd9b Binary files /dev/null and b/BOSC-logo/logo 2.jpg differ diff --git a/OBF-logo/README.md b/OBF-logo/README.md new file mode 100644 index 0000000..4402028 --- /dev/null +++ b/OBF-logo/README.md @@ -0,0 +1 @@ +A directory to save all the OBF logo ideas, and to log edits diff --git a/README.md b/README.md index 08aa055..62b878d 100644 --- a/README.md +++ b/README.md @@ -1,14 +1,12 @@ # OBF Homepage Repository for the re-design of the OBF homepage. -Current home page: [https://www.open-bio.org/wiki/Main_Page](https://www.open-bio.org/wiki/Main_Page) +My home page design(coded): https://kushinauwu.github.io/Theme-2/ +This code focuses more on only a few elements. I have used HTML, CSS, Bootstrap and JS for this. The images used are free to use placeholders and have no relevance. They are to be replaced by OBF pictures. I will be finishing the code and converting it into a Wordpress theme if I am selected as an intern. The page can be made mobile friendly by using Wordpress plugins. I can also code it accordingly if need be. -## Roadmap -1. During the [Outreachy](https://www.outreachy.org/) application period, applicants can contribute via [issues](https://github.com/OBF/homepage/issues). -2. An accepted applicant will then use this repository to implement their work. +Mockup of this design: https://github.com/kushinauwu/Theme-2/blob/master/OBF%20theme%202.pdf +This is a sample of how the website would look like. -## Design requirements: - -Please see our [design brief](design.md) +The repo for this is at : https://github.com/kushinauwu/Theme-2 diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..c419263 --- /dev/null +++ b/_config.yml @@ -0,0 +1 @@ +theme: jekyll-theme-cayman \ No newline at end of file diff --git a/design-ideas/board-of-directors-section/desktop/README.md b/design-ideas/board-of-directors-section/desktop/README.md new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/design-ideas/board-of-directors-section/desktop/README.md @@ -0,0 +1 @@ + diff --git a/design-ideas/board-of-directors-section/desktop/d1.png b/design-ideas/board-of-directors-section/desktop/d1.png new file mode 100644 index 0000000..b6fc399 Binary files /dev/null and b/design-ideas/board-of-directors-section/desktop/d1.png differ diff --git a/design-ideas/board-of-directors-section/desktop/d2.png b/design-ideas/board-of-directors-section/desktop/d2.png new file mode 100644 index 0000000..9877efe Binary files /dev/null and b/design-ideas/board-of-directors-section/desktop/d2.png differ diff --git a/design-ideas/board-of-directors-section/desktop/d3.png b/design-ideas/board-of-directors-section/desktop/d3.png new file mode 100644 index 0000000..4ad47f3 Binary files /dev/null and b/design-ideas/board-of-directors-section/desktop/d3.png differ diff --git a/design-ideas/board-of-directors-section/mobile/README.md b/design-ideas/board-of-directors-section/mobile/README.md new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/design-ideas/board-of-directors-section/mobile/README.md @@ -0,0 +1 @@ + diff --git a/design-ideas/board-of-directors-section/mobile/board-mobile-1.png b/design-ideas/board-of-directors-section/mobile/board-mobile-1.png new file mode 100644 index 0000000..f190e80 Binary files /dev/null and b/design-ideas/board-of-directors-section/mobile/board-mobile-1.png differ diff --git a/design-ideas/board-of-directors-section/mobile/board-mobile-2.png b/design-ideas/board-of-directors-section/mobile/board-mobile-2.png new file mode 100644 index 0000000..39407d9 Binary files /dev/null and b/design-ideas/board-of-directors-section/mobile/board-mobile-2.png differ diff --git a/design-ideas/board-of-directors-section/mobile/board-mobile-3.png b/design-ideas/board-of-directors-section/mobile/board-mobile-3.png new file mode 100644 index 0000000..457a235 Binary files /dev/null and b/design-ideas/board-of-directors-section/mobile/board-mobile-3.png differ diff --git a/design-ideas/fellowships-section/README.md b/design-ideas/fellowships-section/README.md new file mode 100644 index 0000000..1fd4f3a --- /dev/null +++ b/design-ideas/fellowships-section/README.md @@ -0,0 +1,10 @@ + +Kind of an outline for how the fellowships section could be done. Sorry about the cropped images, making a full page made all the text look smaller. I hope it is alright, if not I'll upload the full image as it is :) I didn't include the menu bar and footer for this as it would be the same for every section, till we get to the BOSC sub-site. That should probably have a separate menu. + +Desktop version: + +-- I feel using larger font sizes for the important points would make them stand out more and help the reader focus more on them, so tried it! Little blurbs might make it easy to find what the reader is looking for? + +-- The blue blurb in the selection criteria is supposed to remain constant while we're scrolling in that section. + +-- Please let me know if I should change some alignments or colors and the like, and add and remove any parts! diff --git a/design-ideas/fellowships-section/desktop-website/README.md b/design-ideas/fellowships-section/desktop-website/README.md new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/design-ideas/fellowships-section/desktop-website/README.md @@ -0,0 +1 @@ + diff --git a/design-ideas/fellowships-section/desktop-website/f1.png b/design-ideas/fellowships-section/desktop-website/f1.png new file mode 100644 index 0000000..f2e753d Binary files /dev/null and b/design-ideas/fellowships-section/desktop-website/f1.png differ diff --git a/design-ideas/fellowships-section/desktop-website/f2.png b/design-ideas/fellowships-section/desktop-website/f2.png new file mode 100644 index 0000000..ac28dc6 Binary files /dev/null and b/design-ideas/fellowships-section/desktop-website/f2.png differ diff --git a/design-ideas/fellowships-section/desktop-website/f3.png b/design-ideas/fellowships-section/desktop-website/f3.png new file mode 100644 index 0000000..bf66346 Binary files /dev/null and b/design-ideas/fellowships-section/desktop-website/f3.png differ diff --git a/design-ideas/fellowships-section/desktop-website/f4.png b/design-ideas/fellowships-section/desktop-website/f4.png new file mode 100644 index 0000000..ad1d12f Binary files /dev/null and b/design-ideas/fellowships-section/desktop-website/f4.png differ diff --git a/design-ideas/fellowships-section/mobile-website/README.md b/design-ideas/fellowships-section/mobile-website/README.md new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/design-ideas/fellowships-section/mobile-website/README.md @@ -0,0 +1 @@ + diff --git a/design-ideas/fellowships-section/mobile-website/mobile1.png b/design-ideas/fellowships-section/mobile-website/mobile1.png new file mode 100644 index 0000000..04ed032 Binary files /dev/null and b/design-ideas/fellowships-section/mobile-website/mobile1.png differ diff --git a/design-ideas/fellowships-section/mobile-website/mobile2.png b/design-ideas/fellowships-section/mobile-website/mobile2.png new file mode 100644 index 0000000..4c23e01 Binary files /dev/null and b/design-ideas/fellowships-section/mobile-website/mobile2.png differ diff --git a/design-ideas/fellowships-section/mobile-website/mobile3.png b/design-ideas/fellowships-section/mobile-website/mobile3.png new file mode 100644 index 0000000..701b157 Binary files /dev/null and b/design-ideas/fellowships-section/mobile-website/mobile3.png differ diff --git a/design-ideas/fellowships-section/mobile-website/mobile4.png b/design-ideas/fellowships-section/mobile-website/mobile4.png new file mode 100644 index 0000000..3057a62 Binary files /dev/null and b/design-ideas/fellowships-section/mobile-website/mobile4.png differ diff --git a/design-ideas/fellowships-section/mobile-website/mobile5.png b/design-ideas/fellowships-section/mobile-website/mobile5.png new file mode 100644 index 0000000..0165e9a Binary files /dev/null and b/design-ideas/fellowships-section/mobile-website/mobile5.png differ diff --git a/design-ideas/fellowships-section/mobile-website/mobile6.png b/design-ideas/fellowships-section/mobile-website/mobile6.png new file mode 100644 index 0000000..05bf01b Binary files /dev/null and b/design-ideas/fellowships-section/mobile-website/mobile6.png differ diff --git a/design-ideas/idea-0/README.md b/design-ideas/idea-0/README.md new file mode 100644 index 0000000..f0a69e4 --- /dev/null +++ b/design-ideas/idea-0/README.md @@ -0,0 +1,13 @@ +Idea 1 + +-- An idea is to keep the homepage as a long page wherein we can easily see an overview of what OBS is all about. I can make a quick links tab as well maybe at the top so that the members can get to the links they care about more, i.e, the projects list, membership details, events, volunteering for BOSC, etc, while still keeping the site friendly for people who aren't members yet. + +-- We could keep the BOSC and GSoC links as a scroll image right at the start, for easy access. I've only added a placeholder image for BOSC as of now. As in, the image switches between the BOSC link and GSoc link. Maybe we could add some other links for that as well, showcasing the main activities. For the events tab as well as the blog posts, there should be a next button to quickly move to the next latest event/post, just for easy access and to get a general idea without having to move further down. + +-- Most of the panels will have a link to another page which would have more details about it, like the travel fellowships panel would link to a more detailed version of it. + +-- We can try to make it more newcomer friendly by moving the chat + mailing list joining links further up the document. But I figured that since we're making it mostly for the members so it should be okay if we have this at the bottom. + +-- The orange color scheme is just a color I picked that seemed to look good, so it isn't a problem to mess around with the color schemes! Adding animations would be pretty cool too, but I haven't attempted it for the page yet. It would be great to have some! + +-- There's still a few things I have missed here, like adding a quick join/login button and all. It'll be easier once we try it in Wordpress. diff --git a/design-ideas/theme-1/.gitattributes b/design-ideas/theme-1/.gitattributes new file mode 100644 index 0000000..dfe0770 --- /dev/null +++ b/design-ideas/theme-1/.gitattributes @@ -0,0 +1,2 @@ +# Auto detect text files and perform LF normalization +* text=auto diff --git a/design-ideas/theme-1/Cosima-laptop.png b/design-ideas/theme-1/Cosima-laptop.png new file mode 100644 index 0000000..99a7a88 Binary files /dev/null and b/design-ideas/theme-1/Cosima-laptop.png differ diff --git a/design-ideas/theme-1/GitHub-Mark.png b/design-ideas/theme-1/GitHub-Mark.png new file mode 100644 index 0000000..92d3c95 Binary files /dev/null and b/design-ideas/theme-1/GitHub-Mark.png differ diff --git a/design-ideas/theme-1/Thumbs.db b/design-ideas/theme-1/Thumbs.db new file mode 100644 index 0000000..66f3154 Binary files /dev/null and b/design-ideas/theme-1/Thumbs.db differ diff --git a/design-ideas/theme-1/biopython_logo_white.png b/design-ideas/theme-1/biopython_logo_white.png new file mode 100644 index 0000000..1b105ed Binary files /dev/null and b/design-ideas/theme-1/biopython_logo_white.png differ diff --git a/design-ideas/theme-1/download.png b/design-ideas/theme-1/download.png new file mode 100644 index 0000000..994934b Binary files /dev/null and b/design-ideas/theme-1/download.png differ diff --git a/design-ideas/theme-1/logo_800.png b/design-ideas/theme-1/logo_800.png new file mode 100644 index 0000000..d220fc9 Binary files /dev/null and b/design-ideas/theme-1/logo_800.png differ diff --git a/design-ideas/theme-1/obf_homepage_0.html b/design-ideas/theme-1/obf_homepage_0.html new file mode 100644 index 0000000..6e5b2ca --- /dev/null +++ b/design-ideas/theme-1/obf_homepage_0.html @@ -0,0 +1,133 @@ + + + + + + + + + + + Open Bioinformatics Foundation + + +
+
+ + +
+
+
+
+

Open Bioinformatics Foundation

+

The Open Bioinformatics Foundation (OBF) is a non-profit, volunteer-run group dedicated to promoting the practice and philosophy of Open Source software development and Open Science within the biological research community.

+ +
+ +
+
+

BOSC 2018

+
+
+
+

Upcoming Events

+
+
CollaborationFest 2018
+

June 25-30, Portland, Oregon, United States

+
+
+
+

Blog

+
+
Learn more about BOSC 2018!
+

The Bosc Pear +BOSC 2018 will be held June 26-27, 2018 (with training days June 24-25 and a CollaborationFest June 28-29)!

+
+ +
+
+
+
+
+
+

Travel Fellowships

+ +
+
+

Project Memberships

+ + + + + + + + + + +
+
+
+
+
+
+

Donate

+
+
+

Volunteer at BOSC!

+
+
+
+
+
+

Board of Directors

+
+ +

Member 1

+
+
+ +

Member 2

+
+
+ +

Member 3

+
+
+
+ +
+
+

Join our mailing List: +

+
+ + +
+ +
+
+ + + \ No newline at end of file diff --git a/design-ideas/theme-1/obf_logo_icon-circle-tr.png b/design-ideas/theme-1/obf_logo_icon-circle-tr.png new file mode 100644 index 0000000..26764f1 Binary files /dev/null and b/design-ideas/theme-1/obf_logo_icon-circle-tr.png differ diff --git a/design-ideas/theme-1/person.png b/design-ideas/theme-1/person.png new file mode 100644 index 0000000..3cb0a51 Binary files /dev/null and b/design-ideas/theme-1/person.png differ diff --git a/design-ideas/theme-1/style-obf.css b/design-ideas/theme-1/style-obf.css new file mode 100644 index 0000000..b515e51 --- /dev/null +++ b/design-ideas/theme-1/style-obf.css @@ -0,0 +1,296 @@ +body { + font-family: 'K2D', sans-serif; + font-size: 15px; + line-height: 1.5; + padding: 0p; + margin: 0; + background-color: lightgray; + +} +.container { + height: auto; + width: 80%; + margin: auto; + overflow: hidden; +} + +/*HEADER*/ + +header { + background-color: black; + color: white; + padding-top: 30px; + min-height: 70px; + border-bottom: #ff9933 5px solid; + +} + +header a{ + color: white; + text-decoration: none; + text-transform: uppercase; + font-size: 16px; +} + +header li { + float: left; + display: inline; + padding: 0px 20px 0px 20px; +} + +button { + height: 38px; + background-color: white; + border: 0; + padding: 0px 20px 0px 20px; + color: black; + font-size: 14px; +} + +header #obf-logo { + float: left; +} + +header #obf-logo h1{ + margin: 0; + text-align: center; +} + +header #obf-logo img { + height: 70px; + width: 70px; +} +header nav { + float: right; +} + +header .highlight, header .current a { + color: #3399ff; +} + +header a:hover { + color: #ff9933; + font-weight: bold; +} + +/*SHOWCASE*/ + +#showcase { + min-height: 400px; + background: url(Cosima-laptop.png) no-repeat 0 -400px; + text-align: center; + color: darkblue; +} +#image { + background-color: black; + margin-top: 20px; +} +#image img { + position: relative; + left: 10%; + margin-top: 10px; + width: 80%; + height: 400px; +} +#image h1 { +position: absolute; + top:700px; + margin-left: 20%; +} + +#showcase h1 { + margin-top: 100px; + font-size: 55px; + margin-bottom: 10px; + +} + +#showcase p { + font-size: 20px; +} + +/*BOXES*/ + +.boxes { + margin-top: 20px; + background-color: #ff9933; + +} +.boxes .box h3 { + background-color: orangered; + width: 40%; + text-align: center; + margin-left: 30%; + padding: 5px; + border-radius: 5px; + +} + +.boxes .box { + float: left; + width: 40%; + height: 200px; + padding: 10px; + margin: 20px; + text-align: center; + background-color: black; +} + +.boxes .box #event a { + color: black; + text-decoration: underline; + text-transform: uppercase; +} + +.boxes .box #event p { + color: #3399aa; + font-weight: bold; +} + +/*CONTENTS*/ + +#contents { + margin-top: 20px; + background-color: black; +} +#contents .info { + /* float: left; + width: 100%; + padding: 10px; + margin-top: 20px; + margin-bottom: 20px; + background-color: #3399ff;*/ + + float: left; + width: 40%; + height: 300px; + padding: 10px; + margin: 20px; + text-align: center; + background-color: #ff9933; +} + +#contents .info h3 { + /* background-color: lightblue; +padding: 10px; + border-radius: 5px; + margin-top: 50px; + margin-left: 10%; + float: left;*/ + + background-color: orangered; + width: 40%; + text-align: center; + margin-left: 30%; + padding: 5px; + border-radius: 5px; +} + +#contents .info ul { + list-style: none; + float: left; +} +#contents .info li a{ + padding-right: 30px; + padding-left: 100px; + font-size: 16px; + margin-right: 30px; + text-decoration: none; + color: white; + float: left; +} + +#contents .info img { + height: 30px; + width: 100px; + background-color: #ff9933; + display: inline-block; + margin: 20px; + float: right; +} + +#contents .info p { + float: left; +} + +/*TEAM*/ +#team { + margin-top: 20px; + background-color: black; + +} +#team h2 { + color: white; + text-align: center; +} + +#team .member { + float: left; + color: white; + width: 20%; + height: 200px; + padding: 10px; + margin: 5%; + background-color: #ff9933; + text-align: center; + border: 5px solid #ff9933; + border-radius: 10px; + +} + +#team .member img { + background-color: white; + border-radius: 50% 25%; + + height: 100px; + +} + +#team .member p { + font-weight: bold; + font-size: 16px; +} + +/*CONTACT*/ + +.contact { + padding: 15px; + color: white; + margin-top: 20px; + background-color: #ff9933; + +} + +.contact h3 { + /* float: left;*/ + display: block; + text-align: center; + +} + +.contact form { + float: left; + margin-top: 15px; + padding-left: 5px; +} + +.contact input[type="email"] { + margin: 5px; + padding-left: 5px; + height: 25px; + width: 250px; +} +.contact .icons { + margin-left: 40%; +} +.contact .icons img { + height: 50px; + width: 50px; + padding-left: 20px; + + +} + +footer { + text-align: center; +} diff --git a/design-ideas/theme-1/ysh_facebook_Biotech_Option_2_no-text.jpg b/design-ideas/theme-1/ysh_facebook_Biotech_Option_2_no-text.jpg new file mode 100644 index 0000000..e60d28d Binary files /dev/null and b/design-ideas/theme-1/ysh_facebook_Biotech_Option_2_no-text.jpg differ diff --git a/design-ideas/theme-2/OBF theme 2.pdf b/design-ideas/theme-2/OBF theme 2.pdf new file mode 100644 index 0000000..557fb37 Binary files /dev/null and b/design-ideas/theme-2/OBF theme 2.pdf differ diff --git a/design-ideas/theme-2/about.html b/design-ideas/theme-2/about.html new file mode 100644 index 0000000..3b6fb68 --- /dev/null +++ b/design-ideas/theme-2/about.html @@ -0,0 +1,231 @@ + + + + + + + + + + + + + + + + + + Open Bioinformatics Foundation + + + + +
+ + + + + +
+ +
+ +
+
+
+ +
+
+

History

+ +
+ +
+ + + + + + + +
+

OBF grows out of volunteer projects BioPerl, BioJava and BioPython and is formally incorporated.

+
+ +
+

Bylaws enacted for the first time and formal membership created.

+
+ +
+

Giving up of own incorporation and association with Software In The Public Interest, Inc

+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+ +
+

Who we are

+ +

The Open Bioinformatics Foundation (OBF) is a non-profit, volunteer-run group dedicated to promoting the practice and philosophy of Open Source software development and Open Science within the biological research community.

+

The OBF is governed by a Board of Directors. Our bylaws lay out how the Board is elected, holds public meetings, and conducts its business, as well as the scope and role of our membership. OBF is an associated project with Software In The Public Interest, Inc., a fiscal sponsorship organization, and through SPI we can accept tax-exempt charitable donations.

+

The OBF is open to anyone who is interested in promoting open source bioinformatics / open science. Please see the Membership page for more information.

+ +
+
+
+
+ + + +
+
+

Main activities

+
+
+
+
+ +
Running and supporting the BOSC conferences.
+
+
+ +
+
+ +
Organizing and supporting developer-centric "Hackathon" events.
+
+
+ +
+
+ +
+ Participating in the Google Summer of Code program on behalf of our member projects as an umbrella mentoring organization.
+
+
+ +
+
+ +
Running the OBF Travel Fellowship program (launched March 2016).
+
+
+
+
+ +
+ Managing servers, colocation facilities, bank account, domain names, and other assets for the benefit of our member projects.
+ +
+ +
+
+ +
Public opinion and policy statements about matters related to Open Source and Open Science in bioinformatics.
+
+
+ + +
+
+
+ +
+
+ + + \ No newline at end of file diff --git a/design-ideas/theme-2/abstract-animal-aquarium-753266.jpg b/design-ideas/theme-2/abstract-animal-aquarium-753266.jpg new file mode 100644 index 0000000..733cf93 Binary files /dev/null and b/design-ideas/theme-2/abstract-animal-aquarium-753266.jpg differ diff --git a/design-ideas/theme-2/animal-biology-blurred-background-1423590.jpg b/design-ideas/theme-2/animal-biology-blurred-background-1423590.jpg new file mode 100644 index 0000000..197fcd0 Binary files /dev/null and b/design-ideas/theme-2/animal-biology-blurred-background-1423590.jpg differ diff --git a/design-ideas/theme-2/aquatic-plants-background-beautiful-424763.jpg b/design-ideas/theme-2/aquatic-plants-background-beautiful-424763.jpg new file mode 100644 index 0000000..0506410 Binary files /dev/null and b/design-ideas/theme-2/aquatic-plants-background-beautiful-424763.jpg differ diff --git a/design-ideas/theme-2/biojava.jpg b/design-ideas/theme-2/biojava.jpg new file mode 100644 index 0000000..fcdbabc Binary files /dev/null and b/design-ideas/theme-2/biojava.jpg differ diff --git a/design-ideas/theme-2/biology-blur-close-up-760184.jpg b/design-ideas/theme-2/biology-blur-close-up-760184.jpg new file mode 100644 index 0000000..4086a5c Binary files /dev/null and b/design-ideas/theme-2/biology-blur-close-up-760184.jpg differ diff --git a/design-ideas/theme-2/biopython.jpg b/design-ideas/theme-2/biopython.jpg new file mode 100644 index 0000000..2d79321 Binary files /dev/null and b/design-ideas/theme-2/biopython.jpg differ diff --git a/design-ideas/theme-2/biosql.jpg b/design-ideas/theme-2/biosql.jpg new file mode 100644 index 0000000..1895436 Binary files /dev/null and b/design-ideas/theme-2/biosql.jpg differ diff --git a/design-ideas/theme-2/bosc conf.jpg b/design-ideas/theme-2/bosc conf.jpg new file mode 100644 index 0000000..816b460 Binary files /dev/null and b/design-ideas/theme-2/bosc conf.jpg differ diff --git a/design-ideas/theme-2/das.jpg b/design-ideas/theme-2/das.jpg new file mode 100644 index 0000000..9f26b78 Binary files /dev/null and b/design-ideas/theme-2/das.jpg differ diff --git a/design-ideas/theme-2/emboss.jpg b/design-ideas/theme-2/emboss.jpg new file mode 100644 index 0000000..b81ee5e Binary files /dev/null and b/design-ideas/theme-2/emboss.jpg differ diff --git a/design-ideas/theme-2/gsoc.jpeg b/design-ideas/theme-2/gsoc.jpeg new file mode 100644 index 0000000..0f8e0b2 Binary files /dev/null and b/design-ideas/theme-2/gsoc.jpeg differ diff --git a/design-ideas/theme-2/hackathon.jpeg b/design-ideas/theme-2/hackathon.jpeg new file mode 100644 index 0000000..95e772f Binary files /dev/null and b/design-ideas/theme-2/hackathon.jpeg differ diff --git a/design-ideas/theme-2/history1.png b/design-ideas/theme-2/history1.png new file mode 100644 index 0000000..10180f6 Binary files /dev/null and b/design-ideas/theme-2/history1.png differ diff --git a/design-ideas/theme-2/history2.png b/design-ideas/theme-2/history2.png new file mode 100644 index 0000000..7a0cb92 Binary files /dev/null and b/design-ideas/theme-2/history2.png differ diff --git a/design-ideas/theme-2/history3.png b/design-ideas/theme-2/history3.png new file mode 100644 index 0000000..5d0ba90 Binary files /dev/null and b/design-ideas/theme-2/history3.png differ diff --git a/design-ideas/theme-2/index.html b/design-ideas/theme-2/index.html new file mode 100644 index 0000000..8738671 --- /dev/null +++ b/design-ideas/theme-2/index.html @@ -0,0 +1,318 @@ + + + + + + + + + + + + + + + + + + Open Bioinformatics Foundation + + + + +
+ + + + + +
+ +
+
+
+
+
+
+ +
+
+

All about the OBF

+ +
+ +
+ The Open Bioinformatics Foundation is a non-profit, volunteer-run group for Open Source software development and Open Science within the biological research community. + +
+ + + Learn More + +
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+ +
+

The latest happenings in the OBF Community

+ + + +
+ + Read More + +
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+

Travel Fellowships

+ +
+ +
+ The OBF Travel Fellowship program aims at increasing diverse participation at events promoting open source bioinformatics software development and open science in the biological research community. + + + +
+ + + Apply + +
+
+
+
+
+
+
+
+ +
+ + +
+
+
+
+
+
+ +
+

OBF Associated projects

+
+
+
+ + +
+
+
+
+ + See more projects + +
+
+
+
+
+
+ + + diff --git a/design-ideas/theme-2/moby.jpg b/design-ideas/theme-2/moby.jpg new file mode 100644 index 0000000..8b69aea Binary files /dev/null and b/design-ideas/theme-2/moby.jpg differ diff --git a/design-ideas/theme-2/obf-logo-1.png b/design-ideas/theme-2/obf-logo-1.png new file mode 100644 index 0000000..8afcc7f Binary files /dev/null and b/design-ideas/theme-2/obf-logo-1.png differ diff --git a/design-ideas/theme-2/obf-logo-2.png b/design-ideas/theme-2/obf-logo-2.png new file mode 100644 index 0000000..9be3253 Binary files /dev/null and b/design-ideas/theme-2/obf-logo-2.png differ diff --git a/design-ideas/theme-2/obf-logo.png b/design-ideas/theme-2/obf-logo.png new file mode 100644 index 0000000..2021584 Binary files /dev/null and b/design-ideas/theme-2/obf-logo.png differ diff --git a/design-ideas/theme-2/public opinion.jpeg b/design-ideas/theme-2/public opinion.jpeg new file mode 100644 index 0000000..389ec76 Binary files /dev/null and b/design-ideas/theme-2/public opinion.jpeg differ diff --git a/design-ideas/theme-2/servers.jpeg b/design-ideas/theme-2/servers.jpeg new file mode 100644 index 0000000..16a0689 Binary files /dev/null and b/design-ideas/theme-2/servers.jpeg differ diff --git a/design-ideas/theme-2/servers_and_stuff.png b/design-ideas/theme-2/servers_and_stuff.png new file mode 100644 index 0000000..405189e Binary files /dev/null and b/design-ideas/theme-2/servers_and_stuff.png differ diff --git a/design-ideas/theme-2/style-22.css b/design-ideas/theme-2/style-22.css new file mode 100644 index 0000000..d1597b8 --- /dev/null +++ b/design-ideas/theme-2/style-22.css @@ -0,0 +1,527 @@ +* { + margin: 0; + padding: 0; + +} + +body { + font-family: 'K2D', sans-serif; + font-size: 15px; + line-height: 1.5; + padding: 0px; + margin: 0; + display: none; +} + +.container { + margin-left: auto; + margin-right: auto; + padding-left: 30px; + padding-right: 30px; + height: auto; +} +img { + height: auto; + max-width: 100%; + vertical-align: middle; +} + +section { + display: block; +} + +h1 { + font-size: 36px; + margin-bottom: 20px; + color: #275aa1; + font-family: 'Montserrat', sans-serif; + text-transform: uppercase; + padding: 0; + text-align: justify; +} + +a { + color: #2d95b5; + transition: color 0.2s; + text-decoration: none; +} + +a:hover { + text-decoration: none; +} + + + +/*NAVIGATION*/ +.navbar { + margin-top: 20px; + margin-bottom: 0px; +} + +.navbar .nav-logo { + padding: 0; + margin-left: 0; +} + +.navbar-header .nav-logo img { + margin-top: 30px; + padding-top: 38px; + display: block; + height: auto; + max-width: 100%; + vertical-align: middle; + border: 0; +} + +.navbar ul { + list-style: none; + margin-bottom: 0px; +} + +.navbar ul li { + padding: 0px 20px; + text-align: right; + display: inline-block; + transition: 0.5s ease; +} + +.navbar ul li:hover { + background-color: #c4f5c6; + border-radius: 25px; + text-decoration:none; +} + +.navbar ul li a { + display: block; + padding-top: 0px; + color: darkslateblue; + font-weight: normal; + font-style: normal; + border-bottom: 2px solid transparent; + padding-bottom: 0px; + margin-bottom: 0px; + font-size: 22px; +} + +.dropdown { + display: inline-block; + position: relative; +} + +.navbar-collapse .dropdown .dropdown-menu { + display: none; + position: absolute; + background-color: rgba(196,245,198,0.9); + width: auto; + height: auto; + box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5); + z-index: 1; + text-align:left; + left: 0; + border-radius: 20px; + margin-top: 0; +} + +.dropdown-menu li { + display: block; +} + +.dropdown .dropdown-menu li a { + color: darkslategray; + font-size: 18px; + transition: 0.3s ease; +} + +.navbar .dropdown .dropdown-menu li:hover { + background-color: transparent; +} + + +.dropdown-menu li a:hover { + background-color: lightblue; + background-image: none; + border-radius: 10px; + +} + +.dropdown:hover .dropdown-menu { + display: block; +} + +i { + border: solid darkslateblue; + border-width: 0 3px 3px 0; + display: inline-block; + padding: 3px; + margin-left: 3px; +} + +.down { + transform: rotate(45deg) translateY(-5px); +} + + +/*ABOUT SECTION // SoOME FELLOWSHIP SECTION COMMONS*/ +.about-section, .fellowships-section { + background-position: left 42vh, right top; + background-size: 35% 50% 600px; + max-width: 500px; +} + +.about-section .about-background-image { + max-width: 786px; + max-height: 480px; + position:absolute; + margin-top: 50px; + right: 0; + width: 100%; + height: 80%; + background-size: cover; + border-radius: 100px 0 0 100px; + background-repeat:no-repeat; + opacity: 0.8; +} + +.col-sm-6 { + width: 50%; + float: left; + position: relative; + padding-left: 40px; + padding-right: 30px; +} + +.about-section .about-text-wrapper, .fellowships-section .fellowships-text-wrapper { + position: relative; + height: 600px; +} + +.about-section .about-text-wrapper .about-content, .fellowships-section .fellowships-text-wrapper .fellowships-content{ + position: relative; + top: 20%; + /* transform: translateY(-50%);*/ +} + +.about-section .about-text-wrapper .about-content-info, .fellowships-section .fellowships-text-wrapper .fellowships-content-info { + padding-right: 40px; + font-size: 20px; + color: #2d95b5; + margin-bottom: 10px; + text-align: justify; + font-family: 'Slabo 27px', serif; + letter-spacing: 0.7px; +} + +.about-content-button .button { + position: relative; + top: 30px; + display: inline-block; + color: white; + padding: 10px 25px 10px 25px; + font-weight: normal; + font-style: normal; + font-family: 'Montserrat', serif; + border-radius: 0 25px 25px 0; + background-image: linear-gradient(to right, #84fab0 0%, #8fd3f4 51%); + transition: 0.5s ease-in-out; +} + +.about-content-button .button:hover { + background-position: right center; + background-image: linear-gradient(to right, #8fd3f4 0%, #84fab0 51%); + color: grey; +} + +.about-content-button .button span { + position: relative; + font-family: 'Montserrat', sans-serif; + z-index: 10; + font-size: 18px; + text-align: center; + font-weight: bold; +} + +/*NEWS SECTION and some FELLOWSHIP SECTION COMMMONS*/ +.news-section { + /*background-color: #d6f6c6;*/ + background-color: #1b2e25; + margin-top: 0px; + padding: 55px 0px 70px; + position: relative; + margin-bottom: 50px; + opacity: 0; + transition: 1s ease; +} + +.news-section h1 { + font-size: 36px; + margin-bottom: 20px; + color: #88eef7; + font-family: 'Montserrat', sans-serif; + text-transform: uppercase; + padding: 0; +} + + .news-section .news-image { + max-width: 586px; + max-height: 480px; + position: absolute; + border-radius: 0 100px 100px 0; + left: -586px; + width: 40%; + height: 80%; + background-repeat: no-repeat; + background-size: cover; + background-position: top center; + transition: 1.25s ease-in-out; +} + +.col-md-7{ + position: relative; + padding-left: 30px; + padding-right: 30px; + float: left; + width: 65%; +} + +.col-md-offset-5 { + margin-left: 43% +} + +.news-section .blog-list, .fellowships-section .fellowship-info-list { + margin-top: 20px; + list-style: none; + padding-left: 0; + display: block; +} + +.blog-list .list-post, .fellowship-info-list .list-question { + border-bottom: 1px solid gray; + padding: 15px 0 15px 0; + border-bottom-right-radius: 0px; + text-align: justify; +} + +.blog-list .list-post a { + color: whitesmoke; + display: block; + padding 20px 0px; + background-color: transparent; + text-decoration: none; + font-family: 'Slabo 27px', serif; + font-size: 26px; + letter-spacing: 0.7px; + transition: 0.3s ease; +} + +.blog-list .list-post a:hover { + color: skyblue; + +} + +.news-button .button { + position: relative; + top: 30px; + display: inline-block; + color: white; + padding: 10px 15px 10px 25px; + font-weight: normal; + font-style: normal; + font-size: 20px; + font-family: 'Montserrat', serif; + font-weight: bold; + border-radius: 25px 0 0 25px; + background-image: linear-gradient(to left, #84fab0 0%, #8fd3f4 51%); + margin-bottom: 30px; + transition: 0.5s ease-in-out; +} + +.news-button .button:hover { + background-position: right center; + background-image: linear-gradient(to left, #8fd3f4 0%, #84fab0 51%); + color: grey; +} + +.news-button .button a{ + text-decoration: none; +} + +.news-button .button span { + position: relative; + z-index: 10; + font-size: 18px; + text-align: center; +} + +/*FELLOWSHIPS SECTION*/ +.fellowships-section { + height: 100%; + opacity: 0; + transition: 1s ease; +} +.fellowships-section .fellowships-text-wrapper { + position: relative; + top: 20%; + height: auto; +} +.fellowships-section .fellowships-background-image { + max-width: 560px; + max-height: 480px; + position: absolute; + margin-top: 50px; + right: -560px; + width: 100%; + height: 80%; + background-size: cover; + border-radius: 100px 0 0 100px; + background-repeat: no-repeat; + transition: 1.25s ease-in-out; +} + +.fellowship-info-list .list-question a{ + display: block; + padding 20px 0px; + color: #2d95b5; + background-color: transparent; + text-decoration: none; + font-size: 26px; + transition: 0.3s ease; +} + +.fellowship-info-list .list-question a:hover{ + color: midnightblue; + +} + +.fellowships-apply-button .button { + position: relative; + top: 40px; + display: inline-block; + color: white; + padding: 10px 25px 10px 25px; + margin-bottom: 50px; + font-weight: bold; + font-family: 'Montserrat',serif; + border-radius: 0 25px 25px 0; + background-image: linear-gradient(to right, #84fab0 0%, #8fd3f4 51%); + transition: 0.5s ease-in-out; +} + +.fellowships-apply-button .button:hover { + background-position: right center; + background-image: linear-gradient(to right, #8fd3f4 0%, #84fab0 51%); + color: grey; +} + +.fellowships-apply-button .button span { + position: relative; + z-index: 10; + font-size: 18px; + text-align: center; +} + + +.col-md-6 { + width: 65%; + float: left; + position: relative; + padding-left: 40px; + padding-right: 30px; +} + +/*PROJECTS SECTION*/ + + +.projects-section { + margin-top: 100px; + /*float: left;*/ + background-color: #1b2e25; + margin-left: 0; + margin-right: 0; + opacity: 0; + transition: 1s ease; + height: 100%; + width: 100%; + padding: 55px 0 50px 0; +} + +.projects-section .projects-text-wrapper { + position: relative; + top: 20%; + height: auto; + transform: translateX(-25%); + +} + +.projects-section .projects-text-wrapper h1 { + color: #88eef7; +} + +.projects-list { + list-style: none; + margin-top: 40px; +} + +.projects-list .project-name { + margin-bottom: 40px; + text-align: center; + + +} + +.projects-list .project-name img { + padding: 10px; + margin-bottom: 20px; + border: 3px solid; + border-bottom-color: rebeccapurple; + border-top-color: deepskyblue; + border-left-color: rebeccapurple; + border-right-color: deepskyblue; + border-radius: 25%; + transition: 0.5s ease-in-out; +} + +.projects-list .project-name img:hover { + border-bottom-color: deepskyblue; + border-top-color: rebeccapurple; + border-left-color: deepskyblue; + border-right-color: rebeccapurple; +} + +.projects-list .project-name .project-title { + margin-top: 0; + font-family: 'Slabo 27px', serif; + font-weight: bold; + color: whitesmoke; + display: block; + padding 20px 0px; + background-color: transparent; + text-decoration: none; + font-size: 26px; + letter-spacing: 0.7px; + transition: 0.3s ease; +} + +.projects-list .project-name .project-title:hover { + color: skyblue; +} + +.projects-button .button { + position: relative; + left: 40%; + display: inline-block; + color: white; + padding: 15px 25px 15px 25px; + margin-bottom: 50px; + font-weight: bold; + font-family: 'Montserrat',serif; + font-size: 20px; + border-radius: 0 25px 25px 0; + background-image: linear-gradient(to right, #84fab0 0%, #8fd3f4 51%); + transition: 0.5s ease-in-out; +} + +.projects-button .button:hover { + background-position: right center; + background-image: linear-gradient(to right, #8fd3f4 0%, #84fab0 51%); + color: grey; +} diff --git a/design-ideas/theme-2/style-about.css b/design-ideas/theme-2/style-about.css new file mode 100644 index 0000000..62b3707 --- /dev/null +++ b/design-ideas/theme-2/style-about.css @@ -0,0 +1,483 @@ +* { + margin: 0; + padding: 0; + +} + +body { + font-family: 'K2D', sans-serif; + font-size: 15px; + line-height: 1.5; + padding: 0px; + margin: 0; + display: none; +} + +.container { + margin-left: auto; + margin-right: auto; + padding-left: 30px; + padding-right: 30px; + height: auto; +} +img { + height: auto; + max-width: 100%; + vertical-align: middle; +} + +section { + display: block; +} + +h1 { + font-size: 36px; + margin-bottom: 20px; + color: #275aa1; + font-family: 'Montserrat', sans-serif; + text-transform: uppercase; + padding: 0; + text-align: justify; +} + +a { + color: #2d95b5; + transition: color 0.2s; + text-decoration: none; +} + +a:hover { + text-decoration: none; +} + + + +/*NAVIGATION*/ +.navbar { + margin-top: 20px; + margin-bottom: 0px; +} + +.navbar .nav-logo { + padding: 0; + margin-left: 0; +} + +.navbar-header .nav-logo img { + margin-top: 30px; + padding-top: 38px; + display: block; + height: auto; + max-width: 100%; + vertical-align: middle; + border: 0; +} + +.navbar ul { + list-style: none; + margin-bottom: 0px; +} + +.navbar ul li { + padding: 0px 20px; + text-align: right; + display: inline-block; + transition: 0.5s ease; +} + +.navbar ul li:hover { + background-color: #c4f5c6; + border-radius: 25px; + text-decoration:none; +} + +.navbar ul li a { + display: block; + padding-top: 0px; + color: darkslateblue; + font-weight: normal; + font-style: normal; + border-bottom: 2px solid transparent; + padding-bottom: 0px; + margin-bottom: 0px; + font-size: 22px; +} + +.dropdown { + display: inline-block; + position: relative; +} + +.navbar-collapse .dropdown .dropdown-menu { + display: none; + position: absolute; + background-color: rgba(196,245,198,0.9); + width: auto; + height: auto; + box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5); + z-index: 1; + text-align:left; + left: 0; + border-radius: 20px; + margin-top: 0; +} + +.dropdown-menu li { + display: block; +} + +.dropdown .dropdown-menu li a { + color: darkslategray; + font-size: 18px; + transition: 0.3s ease; +} + +.navbar .dropdown .dropdown-menu li:hover { + background-color: transparent; +} + + +.dropdown-menu li a:hover { + background-color: lightblue; + background-image: none; + border-radius: 10px; + +} + +.dropdown:hover .dropdown-menu { + display: block; +} + +i { + border: solid darkslateblue; + border-width: 0 3px 3px 0; + display: inline-block; + padding: 3px; + margin-left: 3px; +} + +.down { + transform: rotate(45deg) translateY(-5px); +} + +.active { + background-color: #c4dff5; + border-radius: 25px; + text-decoration:none; +} + +.history-section { + background-position: left 40vh, right top; + background-size: 35% 50% 600px; + max-width: 500px; +} + + + +.history-section .history-text-wrapper { + position: relative; + height: 600px; +} + +.history-section .history-text-wrapper .history-content{ + position: relative; + top: 20%; + /* transform: translateY(-50%);*/ +} + +.history-section .history-text-wrapper .history-content-info img{ + display: inline-block; + padding-top: 30px; + transform: scale(1.27) +} + +#hist1 { + position: absolute; + margin-left: 30px; + left: 190px; + cursor: pointer; +} + +.history-section .history-details-1 { + background-color: pink; + background-color: rgba(196,245,198,0.9); + border-radius: 20px; + height: auto; + width: 200px; + position: absolute; + top: 250px; + left: 390px; + padding: 20px; + text-align: justify; + opacity: 0; + transition: 0.3s ease; +} + +.history-section .history-details-1 p { + font-size: 18px; + text-align: justify; + font-family: 'Slabo 27px', serif; +} + +#hist1:hover~.history-details-1 { + opacity: 1; +} + +#hist2 { + position: absolute; + top: 32px; + left: 541px; + cursor: pointer; +} + +.history-section .history-details-2 { + background-color: pink; + background-color: rgba(196,245,198,0.9); + border-radius: 20px; + height: auto; + width: 200px; + position: absolute; + top: 250px; + left: 600px; + padding: 20px; + text-align: justify; + opacity: 0; + transition: 0.3s ease; +} + +.history-section .history-details-2 p { + font-size: 18px; + text-align: justify; + font-family: 'Slabo 27px', serif; +} + + +#hist2:hover~.history-details-2 { + opacity: 1; +} + +#hist3 { + position: absolute; + left: 772px; + top: 33px; + cursor:pointer; + z-index: 1; +} + +.history-section .history-details-3 { + background-color: pink; + background-color: rgba(196,245,198,0.9); + border-radius: 20px; + height: auto; + width: 200px; + position: absolute; + top: 250px; + left: 840px; + padding: 20px; + text-align: center; + opacity: 0; + transition: 0.3s ease; + z-index: 2; +} + +.history-section .history-details-3 p { + font-size: 18px; + text-align: justify; + font-family: 'Slabo 27px', serif; +} + + +#hist3:hover~.history-details-3 { + opacity: 1; +} + + + +.us-section { + background-color: #1b2e25; + margin-top: 40px; + padding: 55px 0px 70px; + position: relative; + margin-bottom: 50px; + opacity: 1; + transition: 1s ease; +} + + .us-section .us-image { + max-width: 586px; + max-height: 480px; + position: absolute; + border-radius: 0 100px 100px 0; + + width: 40%; + height: 80%; + background-repeat: no-repeat; + background-size: cover; + background-position: top center; + transition: 1.25s ease-in-out; +} + +.us-section h1 { + font-size: 36px; + margin-bottom: 20px; + color: #88eef7; + font-family: 'Montserrat', sans-serif; + text-transform: uppercase; + padding: 0; +} + +.col-md-7{ + position: relative; + padding-left: 30px; + padding-right: 30px; + float: left; + width: 65%; +} + +.col-md-offset-5 { + margin-left: 43% +} + +.us-section p { + color: whitesmoke; + display: block; + padding 20px 0px; + background-color: transparent; + text-decoration: none; + font-family: 'Slabo 27px', serif; + font-size: 20px; + text-align: justify + +} + +.activities-section{ + background-color: rgb(247,247,247); + +} + +.activities-section .activities-info-list { + margin-top: 20px; + padding-left: 0; + display: block; +} + +.activities-info-list .activity{ + + padding: 15px 0 10px 10px; + text-align: justify; + display: block; + background-color: transparent; + text-decoration: none; + font-size: 24px; + color: #2d95b5; + margin-bottom: 10px; + text-align: justify; + font-family: 'Slabo 27px', serif; + letter-spacing: 0.7px; + z-index: 2; +} + +.activities-info-list .activity img { + position: relative; + left: -10%; + height: 300px; + width: auto; +} + + + +.activities-info-list .activity #activity1 { + position: absolute; +} + +p { + padding: 15px 0 10px 0; + text-align: justify; + display: block; + background-color: transparent; + text-decoration: none; + font-size: 20px; + color: #2d95b5; + margin-bottom: 10px; + text-align: justify; + font-family: 'Slabo 27px', serif; + letter-spacing: 0.7px; + +} + +span { + padding-left: 10px; +} + + +.obf-activity { + /* background-color: rgb(248,248,248);*/ + font-family: 'Slabo 27px', serif; + letter-spacing: 0.7px; + margin-top: 0px; + padding: 55px 0px 70px; + position: relative; + margin-bottom: 50px; + opacity: 1; + transition: 1s ease; +} + + +.obf-activity .activity-left { + margin-left: 20px; + margin-bottom: 30px; + margin-top: 100px; +} + +.left-text { + display: inline; + position: absolute; + float: right; + width: 60%; + height: 300px; + background-color: #84fab0; + padding: 24px; + padding-top: 70px; + font-size: 24px; + text-align: justify; + border-radius: 0 50px 50px 0; +} + +.right-text { + display: inline; + position: absolute; + left: 100px; + float: left; + width: 60%; + height: 300px; + background-color: #8fd3f4; + padding: 30px; + padding-top: 65px; + font-size: 24px; + text-align: justify; + border-radius: 50px 0 0 50px; +} + +.activity-left img { + height: 300px; + +} + +.obf-activity .activity-right { + position: relative; + top: 40px; + margin-top: 40px; + margin-left: 20px; + margin-bottom: 30px; + height: auto; + +} + +.activity-right img { + height: 300px; + float: right; +} + + + + diff --git a/design-ideas/theme-2/theme-2.js b/design-ideas/theme-2/theme-2.js new file mode 100644 index 0000000..53f4038 --- /dev/null +++ b/design-ideas/theme-2/theme-2.js @@ -0,0 +1,20 @@ + + +$(document).ready(function() { + $('body').fadeIn(500); + $(window).scroll(function() { + if ($(this).scrollTop() > 100) { + $('.news-section').css({'opacity':'1'}); + $('.news-image').css({'transform':'translateX(100%)'}); + } + + if ($(this).scrollTop() > 850) { + $('.fellowships-section').css({'opacity':'1'}); + $('.fellowships-background-image').css({'transform':'translateX(-100%)'}); + } + + if ($(this).scrollTop() > 1500) { + $('.projects-section').css({'opacity':'1'}); + } + }); +}); diff --git a/design-ideas/theme-2/travel fellowship.jpeg b/design-ideas/theme-2/travel fellowship.jpeg new file mode 100644 index 0000000..d458b77 Binary files /dev/null and b/design-ideas/theme-2/travel fellowship.jpeg differ