-
Notifications
You must be signed in to change notification settings - Fork 345
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
👌 IMPROVE: Create a functional landing page. #1420
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is looking good so far. I see only a couple of significant improvements currently.
- ensure the UI texts can be translated by adding the
translate
tag to all English texts as was present on the previous home page. - keep the markup clean by removing the line and double-line breaks.
</div> | ||
<div class="msg-1"> | ||
<h1 class="title"> | ||
CiviWiki is a non-profit community working to develop a democratic engagement web system. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Add translate
tag here
CiviWiki is a non-profit community working to develop a democratic engagement web system. | |
{% translate "CiviWiki is a non-profit community working to develop a democratic engagement web system." %} |
At CiviWiki we believe democracy works best when citizens are educated on issues and participate in the | ||
democratic process. | ||
We are a non-profit, non-partisan, community; working to build an open-source platform where citizens | ||
discuss the problems they face, discover solutions, and enact change. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Add blocktranslate
tag here.
At CiviWiki we believe democracy works best when citizens are educated on issues and participate in the | |
democratic process. | |
We are a non-profit, non-partisan, community; working to build an open-source platform where citizens | |
discuss the problems they face, discover solutions, and enact change. | |
{% blocktranslate %} | |
At CiviWiki we believe democracy works best when citizens are educated on issues and participate in the | |
democratic process. | |
We are a non-profit, non-partisan, community; working to build an open-source platform where citizens | |
discuss the problems they face, discover solutions, and enact change. | |
{% endblocktranslate %} |
</div><br><br><br> | ||
<div class="video"> | ||
<p class="video-text"> | ||
Check out our short video describing CiviWiki... |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Add translate
tag here.
Check out our short video describing CiviWiki... | |
{% translate "Check out our short video describing CiviWiki..." %} |
</p> | ||
<iframe width="640" height="480"" src="https://www.youtube.com/embed/Ll4VZv4a8bE" frameborder="0" | ||
allowfullscreen></iframe> | ||
<p class="small-text">Video made by |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Add translate
tag here.
<p class="small-text">Video made by | |
<p class="small-text">{% translate "Video made by" %} |
<div class="row"> | ||
<div class="col s12 m6 center"> | ||
<div class="why"> | ||
<h1 class="title">Why CiviWiki?</h1> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<h1 class="title">Why CiviWiki?</h1> | |
<h1 class="title">{% translate "Why CiviWiki?"%}</h1> |
<footer> | ||
<table class="footer"> | ||
<tr> | ||
<th>Connect With Us</th> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<th>Connect With Us</th> | |
<th>{% translate "Connect With Us" %}</th> |
<th>Developers</th> | ||
</tr> | ||
<tr> | ||
<td><a class="body-link" href="mailto:[email protected]" target="_blank">Email</a></td> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<td><a class="body-link" href="mailto:[email protected]" target="_blank">Email</a></td> |
</tr> | ||
<tr> | ||
<td><a class="body-link" href="https://www.facebook.com/CiviWiki/" target="_blank">Facebook</a></td> | ||
<td><a class="body-link" href="https://github.com/CiviWiki/OpenCiviWiki/issues" target="_blank">Open Issues</a></td> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<td><a class="body-link" href="https://github.com/CiviWiki/OpenCiviWiki/issues" target="_blank">Open Issues</a></td> | |
<td><a class="body-link" href="https://github.com/CiviWiki/OpenCiviWiki/issues" target="_blank">{% translate "Open Issues" %}</a></td> |
</tr> | ||
<tr> | ||
<td><a class="body-link" href="https://twitter.com/civiwiki" target="_blank" rel="noopener noreferrer">Twitter</a></td> | ||
<td><a class="body-link" href="https://waffle.io/CiviWiki/OpenCiviWiki" target="_blank" rel="noopener noreferrer">Development Roadmap</a></td> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<td><a class="body-link" href="https://waffle.io/CiviWiki/OpenCiviWiki" target="_blank" rel="noopener noreferrer">Development Roadmap</a></td> | |
<td><a class="body-link" href="https://waffle.io/CiviWiki/OpenCiviWiki" target="_blank" rel="noopener noreferrer">{% translate "Development Roadmap" %}</a></td> |
</tr> | ||
<tr> | ||
<td> </td> | ||
<td><a class="body-link" href="https://riot.im/app/#/room/#CiviWiki:matrix.org" target="_blank" rel="noopener noreferrer">Live Chat on Matrix</a></td> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<td><a class="body-link" href="https://riot.im/app/#/room/#CiviWiki:matrix.org" target="_blank" rel="noopener noreferrer">Live Chat on Matrix</a></td> | |
<td><a class="body-link" href="https://riot.im/app/#/room/#CiviWiki:matrix.org" target="_blank" rel="noopener noreferrer">{% translate "Live Chat on Matrix" %}</a></td> |
|
||
/* .learn-more { | ||
display: table; | ||
margin: 3em auto 0; | ||
padding: 1em 6em; | ||
cursor: pointer; | ||
border-radius: 3px; | ||
box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.8); | ||
background: #eaaf00; | ||
background-image: -webkit-linear-gradient(#eaaf00 0%, #d78100 100%); | ||
font-size: 1.2em; | ||
} | ||
|
||
.learn-more:hover { | ||
background: #eaaf00; | ||
} | ||
|
||
.learn-more:active { | ||
box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.8); | ||
} */ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
/* .learn-more { | |
display: table; | |
margin: 3em auto 0; | |
padding: 1em 6em; | |
cursor: pointer; | |
border-radius: 3px; | |
box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.8); | |
background: #eaaf00; | |
background-image: -webkit-linear-gradient(#eaaf00 0%, #d78100 100%); | |
font-size: 1.2em; | |
} | |
.learn-more:hover { | |
background: #eaaf00; | |
} | |
.learn-more:active { | |
box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.8); | |
} */ |
cursor: pointer; | ||
color: white; | ||
background-color: #6526de; | ||
/* box-shadow: 0 0 4px #999; */ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
/* box-shadow: 0 0 4px #999; */ |
top: 50%; | ||
width: 24em; | ||
margin: 0 auto; | ||
/* border-right: 2px solid rgba(136, 16, 184, 0.75); */ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
/* border-right: 2px solid rgba(136, 16, 184, 0.75); */ |
text-align: center; | ||
white-space: nowrap; | ||
overflow:hidden; | ||
/* transform: translateY(-50%); */ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
/* transform: translateY(-50%); */ |
.footer { | ||
color: #eeeeee; | ||
text-align: right; | ||
/* padding: 2em; */ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
/* padding: 2em; */ |
font-size: 180%; | ||
text-align: center; | ||
white-space: nowrap; | ||
overflow:hidden; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Could you use an online CSS beautifier tool to format the whole file?
.footer td { | ||
padding-left: 10px; | ||
padding-bottom: 2px; | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Add a new line at the end of files :-)
} | |
} | |
@ApoorvaKashyap, will you be able to address any of the pull request review comments so we can merge this work into CiviWiki |
Hi |
Hi Brylie, I have been following this project for a few months. I would try to make a contribution. I noticed there are requested changes to this pull request that do not seem to have been completed. If you would like, I would be willing to incorporate the requested changes to try to help move this along. |
Closes #1310. Improvement over PR #1367.
Description
This is a basic functional landing page, similar in function to the one displayed in the issue.
Here's a look: