Coder Social home page Coder Social logo

rpg-web-components's People

Contributors

tiagoratto avatar tk20466 avatar

Stargazers

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

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

rpg-web-components's Issues

Tables in blackbox look like garbage for AoR

AoR themed blackbox table has issues with background color:
image

the source book (Operation Shadowpoint) seems to have the main background bleed through
image

This won't be possible with CSS, suggesting using white for now.

Image as background

Hello,
I like your template. I saw this page. How do you make this kind of design, with the background on all the width, the typo color and the image of the planet ?

Thanks.

Regards.

F&D Image Support

We need to add the correct images to support Force & Destiny, then reference them in the css

Use relative rather than absolute URLs in CSS reference

If I reference your component as a package then it has a different absolute path within the project.

bower.json

{
  "name": "angular-seed",
  "description": "A starter project for AngularJS",
  "version": "0.0.0",
  "homepage": "https://github.com/angular/angular-seed",
  "license": "MIT",
  "private": true,
  "dependencies": {
    "angular": "~1.5.0",
    "angular-route": "~1.5.0",
    "angular-loader": "~1.5.0",
    "angular-mocks": "~1.5.0",
    "html5-boilerplate": "^5.3.0",
    "swaor": "https://github.com/TK20466/RPG-Web-Components/releases/download/v0.9.4/0.9.4.zip"
  }
}

Then the component would be at path: bower_components/swaor/ and the css reference would look like this: <link rel="stylesheet" href="bower_components/swaor/styles/swrpgaor.min.css">.

But then there are 404s for some assets :(

screen shot 2017-03-22 at 5 19 31 pm

This might be fixed by using relative paths: http://stackoverflow.com/questions/5815452/how-to-use-relative-absolute-paths-in-css-urls

Gulp 4 compatibility

It seems to not work with current version of gulp 4.
I downgraded to gulp 3.9.1

If I made no mistake, it would be nice to extend the Readme or gulpfile, since I did not see any hints of not working with gulp4.

Sample project

Hello,
I'm new to development with no Angular experience and came across your project. I'm trying to use it to style some of my adventures but I'm struggling quite hard.
I've followed the steps in the readme and I see the website with the correct CSS but when I try to add a die or use the narrative block I get this
`Template parse errors:
'boost' is not a known element:

  1. If 'boost' is an Angular component, then verify that it is part of this module.`

I think the problem is I didn't link the module properly with my sample project, but I have no idea how to do that. Could you upload a sample project so I could check how to link the module to the app?
Thank you

Style <ul> elements

Unordered lists need to be styled similar to source books

Operation Shadowpoint Example:
image

Black Sun example:
image

Blackbox example:
image

NPC Stat Box Font

For the descriptors for the NPC stat boxes ("Brawn", "Agility", etc.) the font is incorrect. In the stylesheet, the I in "Italic" just needs to be capitalized.

Great work!

NPC Skill on https://tk20466.github.io/ wrong!

First of all, nice work!

Well, on the NPC example shown on https://tk20466.github.io/, you made him have 2 Agility and 4 Ranged Light, that would result in four dices, 2 green and 2 yellow (4 from the Skill, since it's greater that it's parent characteristic, and 2 yellow from the Agility characteristic), not in three yellow as it's there.

F&D CSS Transform

We need a CSS transform that uses force-and-destiny-themed with the correct color adjustments

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.