Giter VIP home page Giter VIP logo

dreamland_web's Introduction

dreamland_web

DreamLand MUD: static web site pages and searcher app.

Stand With Ukraine Deploy Status

Local development

To start searcher app locally on http://localhost:8001, run

cd searcher.js
npm i
npm run start

To generate static HTML pages from templates, run:

cd website.js
npm i
npm run website /path/to/dreamland/runtime

To start simple web server that will serve static content, run these commands from the main dreamland_web folder:

npm i
npm run start

Website is now available on http://localhost:8000

Prerequisites

You will need some source files for the searcher to work:

/tmp/db_armor.json
/tmp/db_weapon.json
/tmp/db_magic.json
/tmp/db_pets.json

These can be generated by running searcher dump command inside your local copy of the DreamLand MUD server. Alternatively, you can request samples from the project admins.

You will also need some area files to generate Maps page of the site. You can grab them from the DreamLand World repo.

To generate News section, the following files are needed:

/tmp/news.xml
/tmp/story1.xml
/tmp/story2.xml

Again, either run webdump news, webdump story on your local server, or ask admins for samples.

dreamland_web's People

Contributors

dependabot[bot] avatar dreamland-machine avatar filths avatar fiorine avatar ilius33 avatar mister-grumbler avatar ruffinakoza avatar tahidrow avatar targorn avatar zaleshanin avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

dreamland_web's Issues

Cайт: переписать заглавную страницу и расширить разделы

Мелкие улучшения дизайна:

  • Убрать галочки из всех списков или спрятать на маленьких экранах, т.к. съедает полширины экрана
  • Пересмотреть hero area на разных размерах экранов
  • Сделать какой-то workaround для hero area в консервативных браузерах типа CM
  • Пересмотреть шрифт и цвет текста в заглавных параграфах.
  • Поменять цвет фона для hero, чтобы до загрузки картинки уже был виден текст
  • На маленьких экранах заглавная картинка имеет слишком большое разрешение.

Структура главной страницы:

  • hero area как сейчас
  • Описание способов зайти в мир
  • Ресурсы для новичков как сейчас - карты, вещи, справка, ссылки
  • Пара главных фишек и ссылка на более подробное описание
  • Чем помочь проекту: ссылка на ресурсы для строителей, клиент, гитхаб сайта, список зон для перевода
  • Контакты
  • Последние штук 5 новостей и ссылка на остальные
  • Тайлы с легендами

Новые страницы:

  1. Ресурсы для строителей оформить в том же стиле что и весь сайт, по крайней мере главную страницу
  2. Описание веб-клиента, примеры тригеров, ссылка на гитхаб, "дорожная карта"

Новые подразделы в Легендах:

  • Описания персонажей
  • Избранные истории после 2002 года
  • Самурайские истории

Searcher: add back AC column

Also consider moving to another 'data table' library without bugs, with a way to choose which columns to display.

#1 will be fixed that way too.

Новая секция: поддержка незрячих игроков

В руководстве для незрячих и слабовидящих игроков

  • упомянуть config screenreader yes, config objhint no и что они дают
  • упомянуть возможности настройки строки подсказки, чтобы показывала только один-два параметра: prompt %h.
  • упомянуть боевую подсказку.
  • упомянуть возможность вывода отдельного параметра по команде score

Поисковик: таблица результатов не влезает в ширину экрана

Таблица результатов иногда занимает больше ширины, чем доступная ширина экрана, обрезая последнюю колонку. Нет скроллинга и единственный способ увидеть всю таблицу - это уменьшить размер шрифта в браузере. Таблица оружия особенно этим отличается.
Либа DataTable добавляет свои собственные элементы вокруг элемента table, что не помогает в решении проблемы.

Files involved:
static/xslt/searcher.html (has some inline styling as a failed attempt to fix the issue)
static/js/searcher.js (initialization of DataTables)
static/css/main.css (rest of the CSS used)

Добавить все статьи справки на сайт

Все разделы справки, доступные смертным, должны быть выложены на сайте.
Минимальная функциональность:

  • Список всех статей по алфавиту
  • Списки статей по разделам (движение, битвы, квесты и тд)

Searcher: improve pet features

"dodge parry rescue" column can be misleading, as it only displays bits explicitly set in off_flags field of the mobile. Pet-warriors are capable of rescue regardless of their off_flags field.

Добавить самурайские истории на сайт

Самурайские истории, присланные Миямото, надо оформить как еще один раздел в легендах.
В идеале, если это тоже будет книгой в дримленд, как и книга легенд, тогда конвертирование из XML будет таким же.

Поисковик: убедиться что кавычки в названиях предметов видны без ошибок

Есть несколько предметов с кавычками в названиях, например мечи.
В таблице результатов поисковиков такие кавычки могут отображаться криво.
Возможно, понадобится поддержка из кода, который создает CSV файлы с доспехами и тд.

Легенды: мелкие улучшения

В разделе легенд и самурайских историй:

  • проставить правильный <title> у всех страниц
  • проверить, что название разделов в hero section верное
  • проверить breadcrumbs: должно быть Home > Legends > Текущий раздел

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.