Comments (38)
Was thinking we could add some pictures of our meetups, screenshots of livestreaming @rickr @kylemh, maybe Github screenshots or Slack screenshots to illustrate what we're about
from operationcode_frontend.
Hi @kylemh, yes I know that tool I also use Photoshop. I take this task. Thanks
from operationcode_frontend.
I just did a prototype for this landing page. What do you think about it?
from operationcode_frontend.
This looks really good. If you have a Get Involved page where folks can Join, Donate, Volunteer, etc, then you should replace "Donate" and "Join" with "Get Involved" on the menu at the top upper right of the page.
from operationcode_frontend.
@ksmacleod99 I've assigned to this issue to you
from operationcode_frontend.
I'm interested in this. What kind of assets are you looking for for this?
from operationcode_frontend.
Basically, @dijahmac, we don't have a design for this yet, and we need one!
from operationcode_frontend.
Why give to Operation Code?
- To provide veterans, transitioning servicemembers, and military spouses with transformative educational experiences
- To advocate for more diversity and opportunity in the tech industry
- To enable our mission to reach more members of the military community
Your support enables:
- Scholarship funding for comp sci education, industry certification
- Sending veterans to conferences and major tech industry events
- Building more tech communities near military installations
from operationcode_frontend.
Volunteer
- Join our community on Slack, and work with new software developers to help grow and mentor them in learning to code and enter the tech industry. Answer questions, participate in mock interviews, and review resumes.
- Lead a squad of new developers in learning new skills in Linux, Python, cloud infrastructure, web development, and more.
- Meet up with a local chapter (or start your own!) and network with other new developers eager to build cool apps and code the future!
Contribute
- Star our open source projects on Github, and work with our members to take on the open source mission and contribute code.
- Donate to Operation Code - your financial support lets us fund our mission to help the military community enter the tech industry.
- Do you represent a company? Talk to us about sponsorships at [email protected]!
With your help, we can...
- Provide scholarship funding to support education for veterans, transitioning servicemembers, and military spouses.
- Send new developers to conferences and major tech events, to improve career outcomes.
- Start tech meetups near military installations to help our community learn the career skills of the future.
from operationcode_frontend.
is hier still help needed? @hollomancer
from operationcode_frontend.
I think for this one, we need a design.
from operationcode_frontend.
@NestorSegura there's a free application called Adobe XD if you wanted to throw together a wireframe that we could approve. It would be awesome if you were able to completely own this page!
from operationcode_frontend.
Hi guys, I just wanted to apologize, I was very busy the last time and also a little sick. I will get back to this issue next week! cheers
from operationcode_frontend.
absolutely add pics of conferences, local chapter meetings, coding schools, etc. @hollomancer
from operationcode_frontend.
I like both the suggestions above, and the wifeframe that Nestor posted!
One edit suggestion:
“Why give to…” and “Your support enables…” seem synonymous. I think it would be best to combine those sections into the picture/bullet list section style - provide a truly comprehensive list describing why people should help us.
Some implementation notes:
- Implement the ability for a steel gray background color for the Section component
- Finalize and proof-read content for page - eliminate the lorem ipsums.
- Choose image for “Why get involved?” section
- Choose FontAwesome icons for bullet list items
Question:
Reusable components are great. Should we consider adding reusable Sections?! I’m seeing a lot of UI’s being re-implemented. Perhaps we could create a folder to help quickly scaffold static content going forward?
from operationcode_frontend.
Following your thoughts I made a few modifications to the initial layout. I think this could be more accurate to the proposition and needs.
files and infos needed
- Hero Text
- I would need from any of you to provide the pictures for each section
- Suggestion about Fontawesome icons to use for the lists.
- Points for Volunteer list
My thoughts behind this idea
Then I choose to use to diferent lead buttons for the people who wants to donate and in the other hand to join the org. This way it is very clear and we can remove the separate links from the navigation as @jeremysb1 suggested.
I also added a "Success Stories", I think this could help the get involved. And removed the extra sections as I think they weren't necessary anymore.
from operationcode_frontend.
I like that one as is. Perfect and taking advantage of reusability.
As for the nav, I think it will be important to keep Join and Donate as is. Reasoning: Get Involved is targeted at people seeking to volunteer and be mentors, but our prime target are people seeking to join for the benefits. "Join" and "Donate" are buttons that we want available to all of our audience, at every single page on the website.
from operationcode_frontend.
Ok great, I will start with the implementation.
Where do you think should I place the components? direct under components? oder should I create one named ...components/sections?
I see there 2 components to be created and 1 optional
-
Hero Header width 2 Btns
-
List with Imgs Component
-
maybe btns with size and color options, small, medium, big. Red, green, blue, etc. (optional if there isn't btns this kind already)
The Btns could be also reused Components, do you have some recomendations what can I use?
I would Suggest that we start a documentation where this layout Components are described, so people can reuse them in the future with a base knowladge of the options they have. (where do you think should this doku be?)
from operationcode_frontend.
Hero header with 2 buttons
You'll actually be able to dynamically render the background image for the route, by following practices in-progress by @rmkubik here. Then you can add buttons by following the implementation in-place on our landing page.
List with Imgs Component
This exists here.
Button variables
Our shared component implements large, small, red, and blue buttons. You can feel free to expand on the options within, but I believe what is implemented accomplishes your needs!
Hopefully you can immediately see the value in developing with reusability in mind! A lot of this work has already been done for you 💃
Good luck. I'm claiming the issue as a placeholder for your effort.
from operationcode_frontend.
I would like to re-implement the Landing Page Hero css properties for better use of flexbox. Is that ok? or should I open a new issue for that?
I want to give the header a fixed height and position the items within, with the justify content property. So I can remove the padding set there and always have the information centered aligned.
from operationcode_frontend.
@NestorSegura go ahead and implement in your PR - I'll review the work 👍
from operationcode_frontend.
Are there images for this page yet?
The success stories is redundant with the first page. I don't think it should be here.
from operationcode_frontend.
@kylemh should this now be navigation menu item not page?
from operationcode_frontend.
@JennWeideman so above is a discussion on this potential page. It doesn't exist, but some mock-ups have been designed. @KuriosCurious brings up a fair concern: If we do @NestorSegura 's last mock-up, we should remove the success stories from the landing page.
I'm a fan of this get involved page, but it's only an idea right now. It's your call on whether or not you'd like to move forward with it as designed, or to add further critique.
from operationcode_frontend.
Hey, if we choose to move forward with this, may I please be assigned?
from operationcode_frontend.
Of course! Taking on bigger and better things 👍
from operationcode_frontend.
@ksmacleod99 could issue 156 go with this? Also issue 231 under get involved
from operationcode_frontend.
May I please get some copy for the header to replace the lorem ipsum, and if anyone has any photos they would like me to use, please let me know!
from operationcode_frontend.
@hollomancer do we have a go-to person for copy?
from operationcode_frontend.
@kylemh @ksmacleod99 this page is going to have multi/subpages right?
from operationcode_frontend.
The menu is, yes. This page was going to be more of a landing page for all the other pages (donate, volunteer, Leadership Circle). I'm going to push this branch when I am done, and then start on the Volunteer page.
from operationcode_frontend.
@ksmacleod99 will the user have to go to the landing page? or will they have the option just to pick the subpage/or whatever its name is from the dropdown of get involved ?
from operationcode_frontend.
They way I would like to see it is no - they can click on the 'Get Involved' page link to go to that landing page, but I would like to see a drop-down menu of the sub-pages as well. So they can go to the Get Involved landing page - or not - depending on how they feel. But that will be a separate issue than me just building the page.
from operationcode_frontend.
Sorry, to long away from this issue, is this idea still alive? or is it under work right know? if there isn't nothing yet, I have some time know so I would create the page.
from operationcode_frontend.
@NestorSegura @ksmacleod99 has an open PR for it, but there are plenty of available issues!
from operationcode_frontend.
thanks @kylemh, I will look around =)
from operationcode_frontend.
This should be closed as per @wimo7083 's PR, yes?
from operationcode_frontend.
Merged in #871
from operationcode_frontend.
Related Issues (20)
- Add CivicX image to press page HOT 6
- Add media highlights to Operation Code website: Boston HOT 2
- Add media highlights to Operation Code website: NYC HOT 2
- Add media highlights to Operation Code website: General HOT 2
- Fix misspelling on history page for Techstars HOT 7
- Remove implementations of ID.me verification from front-end
- Feature: modernize bug/ suggestion form pipeline HOT 4
- Add 1password to Partners HOT 1
- Redirect Mentor Request link to internal app route
- Mentor Request form should show loading spinner after submit
- Allow frontend to accept different URLs HOT 8
- move vettec to primary frontend HOT 16
- On team page, add a separate category for volunteers HOT 2
- Remove DoD Seals from website
- Feature: Mentor form modifications HOT 1
- 404 page is being indexed by search engines HOT 14
- App asked me for more info but is not saving my selected option on dropdown box HOT 2
- Change Partners to Sponsors
- BUG: Code school url is incorrect HOT 4
- Remove Mentor request link, and add information for slack mentor request.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from operationcode_frontend.