Git Product home page Git Product logo

languagetool-website-2018's Introduction

languagetool-org

repo for GitHub pages

languagetool-website-2018's People

Contributors

bperel avatar danielnaber avatar dependabot[bot] avatar dpelle avatar fabrichter avatar gensitu avatar jellydn avatar tiff avatar yakovru avatar

Stargazers

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

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

languagetool-website-2018's Issues

wrong language detection

Inserting "Масло масляное" in Russian lead to detection of English, which is wrong. In the meanwhile the russian error is correctly detected.

screenshot from 2018-07-22 14-14-01

several small fixes/changes

  • I've added a new section below the browser section called "Desktop version for offline use": its design should be like the browser section (font, colors, button style)
  • After that, please add a third section of the same style below, it will be for Google Docs (already added to the "Add-ons" menu)
  • The "(?)" icons in the pricing table are missing, you can hover over them to get more details - see current languagetoolplus.com
  • please center the ad (the white block I have added directly below the main text area)
  • /legal/terms and other sub pages: more vertical spacing between content and header and content and footer
  • Subscribe for the latest updates: open popup with email field -> take design from the lower left corner of the page but also make it work by using the code from current https://languagetool.org/ in the lower right corner
  • make the table sorting on /languages work again like on https://languagetool.org/languages/
  • make sure the "content page" font, e.g. on /issues, matches the original design at zeplin

Add description meta tag

Currently languagetool.org appears like this in the Google search results:
bild 1
Below the link, some random text from the main page is displayed. Looks a little messy.
AFAIK, this can be easily remedied by adding the following line to the <head> section of the main page:
<meta name="description" content="LanguageTool is ..."> . This is also a commonly used SEO technique.

Wrong background image

See zeplin - the design has a new background image, the current one is still the old one from languagetoolplus.com. Please replace it with the correct one so it looks like the design at zeplin.

redesign dev page

Improve design of /dev (used to be /development) according to design at zeplin. ("development")

unify translation between Laravel and editor

The editor still uses its own translation, e.g. languagetool_i18n_ignore_once in main.js. This should be unified so the editor also uses Laravel's messages.php.

Also, why do the strings also appear in resources/assets/vanilla/editor.js, but changing them there doesn't seem to have an effect?

wrong newline interpretation on iOS?

  • Delete text in demo box
  • Type Hello, press return, type how are you
  • Press "Check" button -> there is an error found, but it's on the wrong position, it should be on "you"

This is probably somehow caused by the return. It does not happen on Safari 11.1 on the desktop (tested in browserstack.com).

TypeError: vex.dialog is undefined

  • Paste text with errors into main text area (e.g. the demo text - but it needs to be pasted, you cannot just take the original demo text)
  • Check text
  • Select a correction for one mistake
  • A dialog should appear, but console shows TypeError: vex.dialog is undefined

See current languagetool.org for how it is supposed to work.

Grammar error in meta description

There's a typo in the description meta tag which gets surfaced when things like Discord produce an oEmbed card.

screenshot4

"software" is not a countable noun, so it should be either "is free proofreading software" or "is a free proofreading tool", not "is a free proofreading software"

Visual fixes

@neprev This is feedback from Elena. When she says something should be different, she usually refers to the design at zeplin. Ask me in the upwork chat or here if something is not clear.

  1. The space between the logo and text has to be bigger
  2. The design of the window that drops down has to different (please, check zeplin)
  3. The arrows have to be different
  4. We have to change the color of Premium Upgrade button
  5. Please check hover effect
  6. The quotations are cut off a bit + all the content has to be aligned
  7. The space between the text "Pricing" and the content around has to be different
  8. These icons have to be different
  9. The arrow has to be different and the window that drops down as well
  10. Hover effect
  11. The shadow has to be different
  12. To change the color of the text
  13. Too much space
  14. The screenshot is too small
  15. The space between content is too small
  16. The content has to be aligned
  17. Too much space between "development team privacy contact"
  18. Hover effect
  19. The buttons have to have the same size + hover effect
  20. All this block looks messy
  21. This space has to be the same everywhere

1
2
3
4
5
6
7
8

Premium button color

Undo my change that made the Premium button red, but add the star icon (should be at zeplin now or soon).

thin sub headline

One of your latest changes make the sub headline ("proofreading service") thinner. I think it's more difficult to read now, please undo this:

sub-headline

better mobile usability

  • The keyboard is in the way on mobile screens when clicking on an error. See what spellboy.com does to solve this and implement it, too.
  • The Check button should not be covered by the keyboard - spellboy.com has solved this, too, the check button moves as soon as the keyboard appears.
  • The question mark icons in the pricing table don't work well, it's difficult to tap them, can this be improved? (Or is this solved with a larger font?)

Analyze how to optimize loading times

  • there's app.js with 200KB, why is that needed and why is it so large?
  • why are there 2 requests for jquery-min?

Any optimizations should be discussed here first. Also use Google's PageSpeed Insights.

Use different colors for error types from grammar.xml

I have recently added some error type to categories in de-DE-x-simple-language/grammar.xml:
<category id="DIFFICULT_WORDS" name="Schwierige Wörter und Wendungen" type="misspelling">
In the standalone application this leads to different color for errors in this category.
unbenannt
The online version does not show a different color:
grafik
Can this be fixed?

menu needs to work on all pages

The add-ons menu needs to scroll down when the user is on a "full" page that has all the content (/, /de, /fr etc). On other pages, it needs to link /#anchor instead so it goes to the section on the main page.

Language selection should use native names

For the language selection on the website, the languages should be labeled with their native names ("English, Deutsch, Français"). Also, the menu item should stay in English ("Languages"). Otherwise, a user could get stuck on a version on the website where he can't find back to his mother tongue.

language

/compare: table too wide

What's a clean way to create some whitespace right and left to the table. The same should be true for other "light" pages that have only header and footer from the design.

accordion layout broken

My recent commit "make example dialog work again" (2018-04-14) broken the accordion design, how to properly fix that?

layout-broken

turn references section into slider/carousel

I'd like to add more reference customers with their logos to that section. To fit more logos, please turn that section into a slider, similar to the ones we have, but:

  • show as many logos as the screen width allows
  • carousel mode, not slider (i.e. no rewind back to start when last item is reached)
  • use right/left arrow for navigation instead of bullets
  • slower animation

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.