GithubHelp home page GithubHelp logo

openra / openra-resources Goto Github PK

View Code? Open in Web Editor NEW
20.0 17.0 19.0 2.14 MB

The OpenRA Resource Center helps the community sharing their custom maps.

Home Page: http://resource.openra.net

License: Other

Python 49.62% JavaScript 17.94% CSS 17.75% HTML 14.70% Dockerfile 0.01%

openra-resources's Introduction

Django tools and applications to serve OpenRA Resource Center

openra-resources's People

Contributors

deniz1a avatar dsimmons87 avatar ihptru avatar mailaender avatar nikolayfomin avatar pchote avatar smittytron avatar temeez avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

openra-resources's Issues

Comments system

On the old site, users can comment other submissions (maps, units, mods...).
I think it would be cool to be notififed if someone has commented my work.

The number of comments could be displayed at the top, next to Profile #12 (comment) and Logout.

Mockup:
68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f313733323737332f313832383535332f30393362643763612d373235642d313165332d383964362d6164326235366534643336642e706e67

  • The first image above shows a user who has 4 unread comments (note that this notification would only be viewable after logging in).
  • In the second image: If the user is logged in and has no comment, then it will show "(0) comments".

Index page: loop screenshots

When loading index page, fetch 10 random screenshots and loop them in img jquery block. Click on it should follow to page with other screenshots. Page with other screenshots must allow click&follow to an item's page, screenshot is related to.

Add "title" and "alt" when the user hovers the search field

The search field if beautiful the way it currently is but I think you should add a title and alt parameters into the < input >

Code:

<input id="qsearch" class="tbox" type="text" alt="Search maps, units, mods, authors..." title="Search maps, units, mods, authors..." name="qsearch" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Search...':this.value;" value="Search..."></input>

Mockup:
title-alt

Increase #footer font size to 12px

I think the font size used in the #footer is a bit too small.
I know this "copyright, legal notice, FAQ..." links/texts are usually small but I think increasing the font size to 12px (instead of 11px currently) wouldn't hurt.

#footer {  
    font: 12px Cambria,Georgia,Times New Roman,Serif;
 }

open-ra.org ribbon: change text

<pchote> you may also want to change the open-ra.org banner to say "Get OpenRA" or "Visit main site" using the same font as we use on open-ra.org <pchote> IIRC the font is called Collegiate

Add decoration to navigation links

A jquery slide effect (http://css-tricks.com/jquery-magicline-navigation) would be cool but in the meantime, I think a simple border-bottom: 2px; could be enough, to start.

Here is how it would look like (a bit like the official open-ra.org site btw):
links-decoration

the HTML, add a class on link that represents the current page:

<ul id="nav">
    <li class="nav-selected"><a href="http://engine.ihptru.net:8000/">Home</a></li>
    <li><a href="http://engine.ihptru.net:8000/maps/">Maps</a></li>
    <li><a href="http://engine.ihptru.net:8000/units/">Units</a></li>
    <li><a href="http://engine.ihptru.net:8000/mods/">Mods</a></li> 
    <li><a href="http://engine.ihptru.net:8000/login/">Login</a></li>   
</ul>

the CSS code:

#nav {
  list-style-type:none;
  margin: 20px auto;
  width:80%;
  text-align:center;
  font: 1.3em Cambria, Georgia, Times New Roman, Serif;
  color: white;
}

#nav li {
  display:inline;
  margin: 0px 10px;
  text-decoration: none;
}

#nav li :hover{
  display:inline;
  text-decoration: none;
  border: solid #74c2e7;
  border-width: 0 0 2px 0;
}

#nav .nav-selected {
  display:inline;
  text-decoration: none;
  border: solid #74c2e7;
  border-width: 0 0 2px 0;
}

#nav a { text-decoration: none; }
#nav a:visited { text-decoration: none; }
#nav a:hover { text-decoration: none; }

Profile page

Also, if you need a link to manage the user's profile, you should place it at the top too:
ihptru02

Here is what the Profile page could look like:
0737b578-7246-11e3-9250-656acfaa2ee1

Clicking on the "Change" link could redirect to the Password category on the left, where there could be textfields and options to type a new password.

Also, there could be a "Notifications" category, where it could be possible to disable email or website notifications.
175c99ac-7267-11e3-9fe5-4271479fa82a

Create a Firefox Search engine and publish it at mycroftproject.com

I think you should create a Firefox Search engine and publish it at http://mycroftproject.com

You could also add some explainations/details to help Firefox users understand what it is about.
With this search engine, firefox users will be able to search the new content site directly from their Search bar!

The page to submit the plugin:
http://mycroftproject.com/submitos.html

Some docs/tutorials to create the Search Engine plugin:

Bad padding-right in the navigation menu

There is currently an ugly 15 px padding in the navigation menu:
padding

Bad code in the HTML (and not standard btw):

<a style="padding-right: 15px;" href="/"></a>

I think the menu should be consistant and shouldn't have HOME or My Content, separated from the rest of links (I mean: all links should have the same padding, imo)

Make HR bigger like the header's border-bottom

Currently, the HR below the navigation menu is too thin, it's only 2px.
I think you should make it 1px bigger in order to make it look like the one at the top:

screenshot002

HTML
< hr class="hr-style" / >

CSS
.hr-style {
border: 0;
height: 3px;
background: #74c2e7;
}

Half transparency for #header and #footer divs

Just like the search field which is half transparent, I think the header and footer divs should also be like that.

Code:

background: none repeat scroll 0% 0% rgba(32, 44, 69, 0.4);

Here is how it would look like:
screenshot001

More links (categories) in the menu

I know you have added palettes on your website in 01cdc95 but I think you should make them available for download as well. I am sure some artists will like to have a place to find them all easily.

On the old content site, you added a Gallery to show users' submitted screenshots.
I think you could add a link in this drop-down menu:
screenshot002

A simple drop-down menu like this one would help you display more content stuff, while not cluttering the menu.

Run LintCheck everyweek

I am against cron, probably some event on web site should trigger this function.
Should probably use multiprocessing module for that.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.