cards issueshttps://git.thm.de/arsnova/cards/-/issues2020-05-06T16:47:01+02:00https://git.thm.de/arsnova/cards/-/issues/74Display cards in a dynamic carousel2020-05-06T16:47:01+02:00Klaus-Dieter Quibeldey-CirkelDisplay cards in a dynamic carouselsee:
* https://codepen.io/desandro/pen/wjeBpp
* https://3dtransforms.desandro.com/
* https://www.sitepoint.com/building-3d-rotating-carousel-css-javascript/
especially for the demo card index on the landing page
on small devices us...see:
* https://codepen.io/desandro/pen/wjeBpp
* https://3dtransforms.desandro.com/
* https://www.sitepoint.com/building-3d-rotating-carousel-css-javascript/
especially for the demo card index on the landing page
on small devices use the 3d cube, see #20
![Bildschirmfoto_2018-12-24_um_12.49.03](/uploads/4f24d9bdf44f810c0753389166235617/Bildschirmfoto_2018-12-24_um_12.49.03.png)WDC 20192019-03-29https://git.thm.de/arsnova/cards/-/issues/522Play an animation if a user marks a motd as "read"2021-03-05T14:36:52+01:00Curtis AdamPlay an animation if a user marks a motd as "read"You can use libraries such as https://animate.style/ for this.
- js
```
window.onload = function () {
document.getElementById('motd-container')._uihooks = {
insertElement: function(node, next) {
$(node).addClass('animated zo...You can use libraries such as https://animate.style/ for this.
- js
```
window.onload = function () {
document.getElementById('motd-container')._uihooks = {
insertElement: function(node, next) {
$(node).addClass('animated zoomIn').insertBefore(next);
},
removeElement: function(node) {
$(node).addClass('animated zoomOut');
setTimeout(function () {
$(node).remove();
}, 250)
}
}
}
```
- css
```
.animated.zoomIn, .animated.zoomOut {
animation-duration: 250ms;
}
```
Personally I think that a zoom out / zoom in animation works best.Modt - Milestone 2https://git.thm.de/arsnova/cards/-/issues/626Contrast errors in dark mode2022-06-20T14:25:09+02:00Klaus-Dieter Quibeldey-CirkelContrast errors in dark mode![Bildschirmfoto_2022-06-20_um_14.20.38](/uploads/bb2ea40a9c32ad2a9d7b9c2499d1e78b/Bildschirmfoto_2022-06-20_um_14.20.38.png)![Bildschirmfoto_2022-06-20_um_14.20.38](/uploads/bb2ea40a9c32ad2a9d7b9c2499d1e78b/Bildschirmfoto_2022-06-20_um_14.20.38.png)https://git.thm.de/arsnova/cards/-/issues/598Add nginx error pages to the repo2021-03-17T12:33:02+01:00Curtis AdamAdd nginx error pages to the repo**Story Points:** 2
**User Story:**\
As a user I want to receive an appealing error message when a page or link does not exist so that I know approximately why the page does not work.
**Acceptance criteria:**
- Show an error Message if...**Story Points:** 2
**User Story:**\
As a user I want to receive an appealing error message when a page or link does not exist so that I know approximately why the page does not work.
**Acceptance criteria:**
- Show an error Message if the server request fails.
- Show a Message what can I do.
- Two animations for 50x and application is updated.
**Tasks:**
- [x] Design error pages.
- [x] Refer to the error pages.
Current:\
![Screenshot_2021-02-23_142500](/uploads/9cf49b28ab41d7ec290339804a9b5734/Screenshot_2021-02-23_142500.png)
--------------------------------------------
**Original Post:**\
These pages should be deployed to the server. They include:
- An error Message if the app crashed "Contact the Administrator"
- A Notification that cards is being updated. Requires adjustments to the appctl scripts on the serverhttps://git.thm.de/arsnova/cards/-/issues/597Keep the text line on the card line independent of the scaling2021-03-17T12:32:30+01:00Klaus-Dieter Quibeldey-CirkelKeep the text line on the card line independent of the scaling**Story Points:** 5
Markdeep Demo: https://casual-effects.com/markdeep/features.md.html
__User story__:\
To get a feel for a natural user interface, as a student I want to have the text line to be aligned with the text so that the text...**Story Points:** 5
Markdeep Demo: https://casual-effects.com/markdeep/features.md.html
__User story__:\
To get a feel for a natural user interface, as a student I want to have the text line to be aligned with the text so that the text lines do not intersect with the text.
__Acceptance criteria__:
- When I look at a card with text lines, I see that they do not intersect with the text.
- The text should also be displayed on the line when zoomed.
- It should look correct in 2D view and in 3D view.
__Tasks__:
- [x] What is markdeep? Project overview - where is the markdeep functionality? Study CodePen.
- [ ] Adjust the line height with the background line height.
- [ ] Fit the first element in a card to the lines.
- [ ] Adapt line height (150%).
**Problems & suggested solutions:**
- The line height of the font must match the line height in the background. The line height is specified as a percentage. Drawing from the background thus depends on the font size and the line height. The font size is set every time a card is rendered (imports/util/cardVisuals.js). At this point the background must be drawn. This also automatically rebuilds the background when zooming. The color values for the background come from the themeSwitcher.scss file and the line height from the main.scss file. These values cannot be easily read out in JavaScript. There is the possibility to port the variables from scss to json. The json file can then be used by JavaScript and so at least the required values would be available.
- Package: https://www.npmjs.com/package/scss-to-json
Current:
![Bildschirmfoto_2019-08-21_um_13.20.00](/uploads/aa57e5daff91feb727f86915c9893344/Bildschirmfoto_2019-08-21_um_13.20.00.png)
![Bildschirmfoto_2019-08-21_um_13.21.03](/uploads/ce75e52360841ae50b04ea9f0b362248/Bildschirmfoto_2019-08-21_um_13.21.03.png)
------------------------------
__Original post__:\
The following tutorial shows how to do it: https://codepen.io/ceg9498/post/creating-lined-paper
> The real key to making all of this work is line-height: set it to match the height of your repeating gradient (for me, it was 27px), and the lines of text will have the same spacing as your blue lines do.
You can test it here: https://codepen.io/ceg9498/pen/wvwMPzY
![Bildschirmfoto_2019-08-21_um_13.20.00](/uploads/692fd39432462bcb26f312b30cc6f221/Bildschirmfoto_2019-08-21_um_13.20.00.png)
![Bildschirmfoto_2019-08-21_um_13.21.03](/uploads/72c76c7c67286a461624f8a5bbb5ff94/Bildschirmfoto_2019-08-21_um_13.21.03.png)https://git.thm.de/arsnova/cards/-/issues/473Revise the entire semantic color scheme2022-07-18T14:19:41+02:00Klaus-Dieter Quibeldey-CirkelRevise the entire semantic color scheme* Color scheme for access rights
* Color scheme for the difficulty level of a card index or a rep
* Color scheme for card index types
* Color scheme for card index labels* Color scheme for access rights
* Color scheme for the difficulty level of a card index or a rep
* Color scheme for card index types
* Color scheme for card index labelshttps://git.thm.de/arsnova/cards/-/issues/443Make the wordcloud optional by default (Always show the list first) and enabl...2020-05-19T17:31:32+02:00Curtis AdamMake the wordcloud optional by default (Always show the list first) and enable a background for the resultsThe content is sometimes difficult to read against the background imagesThe content is sometimes difficult to read against the background imageshttps://git.thm.de/arsnova/cards/-/issues/389Suppress all syntactic Markdeep characters in the table of contents of a card...2020-02-05T20:19:54+01:00Klaus-Dieter Quibeldey-CirkelSuppress all syntactic Markdeep characters in the table of contents of a card indexhttps://git.thm.de/arsnova/cards/-/issues/380Do not display the buttons for arsnova.click and frag.jetzt in read-only inst...2020-01-22T20:45:37+01:00Klaus-Dieter Quibeldey-CirkelDo not display the buttons for arsnova.click and frag.jetzt in read-only installationshttps://git.thm.de/arsnova/cards/-/issues/346Offer a fullscreen mode for working with the card index description editor2020-01-04T11:02:53+01:00Klaus-Dieter Quibeldey-CirkelOffer a fullscreen mode for working with the card index description editorBest with a Markdeep preview.
![Bildschirmfoto_2019-12-09_um_18.32.20](/uploads/c2d3337b7e18ef88ac36a3e543425b07/Bildschirmfoto_2019-12-09_um_18.32.20.png)Best with a Markdeep preview.
![Bildschirmfoto_2019-12-09_um_18.32.20](/uploads/c2d3337b7e18ef88ac36a3e543425b07/Bildschirmfoto_2019-12-09_um_18.32.20.png)https://git.thm.de/arsnova/cards/-/issues/181Use a copy of the card editor template for the cardset editor and change the ...2019-08-13T12:56:25+02:00Klaus-Dieter Quibeldey-CirkelUse a copy of the card editor template for the cardset editor and change the card type "cube" to "custom"* [ ] Display the card type dropdown at the top right
* [ ] Add a second row for selecting the difficulty level
* [ ] Introduce a new setting for the card type "cube": Define the title and design for each side
* [ ] Rename the card type ...* [ ] Display the card type dropdown at the top right
* [ ] Add a second row for selecting the difficulty level
* [ ] Introduce a new setting for the card type "cube": Define the title and design for each side
* [ ] Rename the card type "cube" to "custom"
* [ ] Add a checkbox modal for the new custom card type to toggle all array settings that can be found in `/imports/config/cardTypes.js`:
* learning mode
* vocabulary
* difficulty level
* Uses notes instead of the default difficulty
* swap answer button
* default mobile preview active
* has a markdeep help button
* has a learning goal
* has a learning unit
* [ ] Store these settings in the new cardset field "customSettings" instead of checking the arrays inside `imports/config`
For further details see https://git.thm.de/arsnova/cards/issues/210
Complex content is not manageable:
![Bildschirmfoto_2019-03-02_um_13.12.16](/uploads/9f1a19e880f97341923805e0047e3b29/Bildschirmfoto_2019-03-02_um_13.12.16.png)
![Bildschirmfoto_2019-03-02_um_13.12.29](/uploads/5f12d7c3c46127fd6e2ca246d23e9634/Bildschirmfoto_2019-03-02_um_13.12.29.png)https://git.thm.de/arsnova/cards/-/issues/151Close Bert Alert when Cancel button was pressed in Modal or when switching to...2019-08-13T12:56:28+02:00Klaus-Dieter Quibeldey-CirkelClose Bert Alert when Cancel button was pressed in Modal or when switching to another pageAnd please set all "hide.delay" to **real** 5 seconds except for first-login users (10 real seconds for them to read)And please set all "hide.delay" to **real** 5 seconds except for first-login users (10 real seconds for them to read)https://git.thm.de/arsnova/cards/-/issues/109Offer editor buttons like in arsnova.click and a PlantUML button2020-02-05T21:21:09+01:00Klaus-Dieter Quibeldey-CirkelOffer editor buttons like in arsnova.click and a PlantUML button* [ ] arsnova.click buttons ![Formatierungs-Leiste](/uploads/5f1b3df3631c61b8dcae0fe9b8f9bb8c/Formatierungs-Leiste.png)
* [ ] PlantUML button: ![PlantUML](/uploads/ee89546c0e9e6b496a83ff25e666832d/unnamed.png)
* [ ] arsnova.click buttons ![Formatierungs-Leiste](/uploads/5f1b3df3631c61b8dcae0fe9b8f9bb8c/Formatierungs-Leiste.png)
* [ ] PlantUML button: ![PlantUML](/uploads/ee89546c0e9e6b496a83ff25e666832d/unnamed.png)
https://git.thm.de/arsnova/cards/-/issues/105Editor button "Template"2019-08-13T12:56:31+02:00Klaus-Dieter Quibeldey-CirkelEditor button "Template"Shows an example of the card type,
second press resets all pages (only placeholders are visible)
For all 18 card types, create a directory with one card example each and load the example from it.Shows an example of the card type,
second press resets all pages (only placeholders are visible)
For all 18 card types, create a directory with one card example each and load the example from it.https://git.thm.de/arsnova/cards/-/issues/99Emphasize the Call-to-Action button on each page and in each window2020-02-05T08:57:09+01:00Klaus-Dieter Quibeldey-CirkelEmphasize the Call-to-Action button on each page and in each windowlike the beamer CTA button
Define a CSS class ".btn-CTA".
Be inspired:
https://codepen.io/adam2326/pen/WbdNee
https://codepen.io/bloom-dan/pen/xOXRKk
https://codepen.io/amckinnis/pen/LxprWr
https://codepen.io/CodeBoomer/pen/YGXoda like the beamer CTA button
Define a CSS class ".btn-CTA".
Be inspired:
https://codepen.io/adam2326/pen/WbdNee
https://codepen.io/bloom-dan/pen/xOXRKk
https://codepen.io/amckinnis/pen/LxprWr
https://codepen.io/CodeBoomer/pen/YGXoda https://git.thm.de/arsnova/cards/-/issues/76Set autofocus and/or tabindex on subject input2019-03-24T12:38:33+01:00Klaus-Dieter Quibeldey-CirkelSet autofocus and/or tabindex on subject input![Bildschirmfoto_2018-12-30_um_10.19.42](/uploads/4cbfcacf443377408b423ddea91f56ad/Bildschirmfoto_2018-12-30_um_10.19.42.png)![Bildschirmfoto_2018-12-30_um_10.19.42](/uploads/4cbfcacf443377408b423ddea91f56ad/Bildschirmfoto_2018-12-30_um_10.19.42.png)https://git.thm.de/arsnova/cards/-/issues/49Offer the "backward learning" option in presentation mode2019-08-13T12:56:42+02:00Klaus-Dieter Quibeldey-CirkelOffer the "backward learning" option in presentation modeOtherwise you cannot learn all cards in one sequence in backward mode.
However, just offer the edge button, don't ask in a modal whether he/she will "present" in backward mode.Otherwise you cannot learn all cards in one sequence in backward mode.
However, just offer the edge button, don't ask in a modal whether he/she will "present" in backward mode.https://git.thm.de/arsnova/cards/-/issues/25Allow changing of card ordering2019-08-13T12:57:00+02:00Christoph ThelenAllow changing of card orderingAlphabetical ordering is currently the default. However, in cases of a image gallery, there is a inherent chronological ordering. Adding cards in the right order does not show them in that order. The easiest way would be to allow a user ...Alphabetical ordering is currently the default. However, in cases of a image gallery, there is a inherent chronological ordering. Adding cards in the right order does not show them in that order. The easiest way would be to allow a user to define the ordering via drag and drop. Alternatively, make it clear that ordering can only be defined by topic and probably the first words of a cards. This will force authors to prepend their cards with numbers or other ordering schemes.
Edit by Curtis Adam:
* [ ] Make it possible to link between cards that are part of the same index, see https://git.thm.de/arsnova/cards/issues/189
* Adjust the link title to display "Move to card TITLE" for such an instance
* [ ] Use http://interactjs.io/ for drag and drop sortinghttps://git.thm.de/arsnova/cards/-/issues/15Determine the minimum amount of results by the screen height.2019-08-13T12:57:15+02:00Curtis AdamDetermine the minimum amount of results by the screen height.Remove the hardcoded limitRemove the hardcoded limit