Glossary: Difference between revisions

Jump to navigation Jump to search
3,344 bytes removed ,  16 July 2021
m
no edit summary
mNo edit summary
mNo edit summary
(4 intermediate revisions by the same user not shown)
Line 43: Line 43:


; <div id="entry color"></div>Entry color
; <div id="entry color"></div>Entry color
: '''''Summary'''''
: A way that works on both editions of Memento is to use a JavaScript field. Don't fear, as the script is the most trivial of trivial things, JavaScript-wise, though you do need to know what 6-character codes define what colors (though you really should learn that anyway).
::: A way that works on both editions of Memento is to use a JavaScript field. Don't fear, as the script is the most trivial of trivial things, JavaScript-wise, though you do need to know what 6-character codes define what colors (though you really should learn that anyway).


::: For the color codes, look at '''''https://htmlcolorcodes.com/'''''. Scroll down liberally to get to a section suited to your interest.
: See a detailed explanation of color codes at [[About:Color codes]].


::: For a script, all you do is put down the color code in double-quotes. So, Medium Gray is '''"#808080"'''. Just look them up.
: For the color codes, look at '''''https://htmlcolorcodes.com/'''''. Scroll down liberally to get to a section suited to your interest.
: <hr>


: '''''Detail'''''
: For a script, all you do is put down the color code in double-quotes. So, Medium Gray is '''"#808080"'''. Just look them up.
::: Now, if you'd really like to know how the colors relate to the codes, here's a quick blurb on that (but you don't really have to know this stuff, and skip any section below, if you already understand the topic). I'll transfer this to the wiki, as well.
 
::: ''Colors & their codes''
::: You may already know about red, green, & blue (RGB) and how using them together tells your TV, LED light bulb -- in addition to color temperature in that case -- and Internet browsers what color to display.  Memento JavaScript uses these RGB codes to determine the colors to be used for entries in a list, for choices (items) in a menu, and so on.  After the hashtag (#), the rest of the code is a set of 3 two-character codes in a row (so 6 characters following the hashtag). The codes represent red, green, and blue, so with two-character color abbreviations, you'd have #ReGrBl. All other colors are determined by the specific combination of red, green, and blue colors that make up the color you want. For instance, when all 3 colors are the same as each other, the colors are in the gray scale, from black to white.
 
::: ''Base 16 (hexadecimal) Math 101 for computer people''
::: The code for each color is determined by how luminescent it is.  Do you remember radix arithmetic from school?  Radix (or base) 10 is for decimal values (0-9), base 2 for binary values (0-1), etc. Next most common are the bases that computers use in addition to binary. 2 binary digits in a row can represent values from 0-3, 3 digits show 0-7, 4 digits 0-15, and to represent colors for the Internet, we need to represent 256 colors, 0-255. For 256 colors, we'd need that many characters, but we don't have that many characters in our alphabet, so we use 2 characters for the color. Base 16 numbers can represent that 16 values, and 2 in a row, will give us 256 values (what we need) and they fit in a byte of storage, too! Recapping, if each digit took 4 bits & represent values 0-15, we can use a single character to make up those values if only we could represent all 16 values in the 4 bits. So, we use the 10 decimal digits 0-9 and then start with A to represent 10-15, so A-F are the characters we need to represent one hexadecimal digit. To get to 256 -- with base 16 arithmetic (we can say hex for short), 16 times 16 gives us the 256 we need. So that would be hex 11 (1*16+1), and if A is 10, then B is 11, so 11 represents 16+1=17. Using # to indicate a numeric value is in hex is an Internet standard (for HTML, CSS, etc).
 
::: ''Making hex digits into colors''
::: There are 256 levels of luminosity for each color (0-255). The code for Black is #000000 -- none of any of the colors, so black. The code for White is #FFFFFF, 255 for each of red, green, & blue. Halfway from 0-255 is 128 -- #80, as you might expect, so it means to show gray. For the other colors, check out that link above, see what colors match with which codes, and if you keep doing that for various colors, you'll get the hang of it.
: Context - [['''TBD''']]


; <div id="entries list footer bar"></div>Entries List Footer Bar
; <div id="entries list footer bar"></div>Entries List Footer Bar
Line 93: Line 80:


== G ==
== G ==
; <div id=group></div>Group :
; <div id=group></div>Group
:; Context - [[Libraries List screen]] : A ''library group'', or subdivision of the libraries in a database. Groups simplify lists of libraries. They are merely containers; there is no functionality defined for groups.
: A ''library group'', or subdivision of the libraries in a database. Groups simplify lists of libraries. They are merely containers; there is no functionality defined for groups.
:; Context - [[Library Entries List screen#rightsidemenu|Entries List screen, right-side menu]] : The act of summarizing a list of entries by the values of a field of the library.<br/>A set of such matching entries.
: Context - [[Libraries List screen]]
 
: The act of summarizing a list of entries by the values of a field of the library.<br/>A set of such matching entries.
: Context - [[Library Entries List screen#rightsidemenu|Entries List screen, right-side menu]]


== H ==
== H ==
; <div id="hamburger menu"></div> Hamburger Menu :
; <div id="hamburger menu"></div> Hamburger Menu
:; Context - [[Libraries List screen]] : In the upper-left corner of the Libraries List screen is an icon resembling a hamburger -- 3 lines representing a burger patty between 2 buns -- which when pressed deploys a pulldown menu consisting of 4 sections... a list of library groups, beginning with the default group (My Libraries), and continuing with any groups the user may have added.
: In the upper-left corner of the Libraries List screen is an icon resembling a hamburger -- 3 lines representing a burger patty between 2 buns -- which when pressed deploys a pulldown menu consisting of 4 sections... a list of library groups, beginning with the default group (My Libraries), and continuing with any groups the user may have added.
: Context - [[Libraries List screen]]


== K ==
== K ==
Line 105: Line 96:
: In the mobile edition, the [[#view|view]] of listed library entries in which the format of the list is that of a set of columns with entries listed within certain of the columns. The metaphor used is that of a bulletin board with sticky notes stuck in certain of the columns, generally to manage a set of tasks whose status may change frequently and are thus indicated by moving the sticky note (entry) from one column to another.
: In the mobile edition, the [[#view|view]] of listed library entries in which the format of the list is that of a set of columns with entries listed within certain of the columns. The metaphor used is that of a bulletin board with sticky notes stuck in certain of the columns, generally to manage a set of tasks whose status may change frequently and are thus indicated by moving the sticky note (entry) from one column to another.


; <div id="kebab menu"></div>Kebab menu :
; <div id="kebab menu"></div>Kebab menu
: In the mobile edition, in the upper-right corner of the Library Entries List screen is an icon resembling a shish kebab -- a line representing a roasting spit and 3 dots representing 3 morsels -- which when pressed deploys the [right-side menu], including an initial menu option to edit the library -- that, to display and optionally change the structure of the library, mostly consisting of field definitions.
: Context - [[Library Entries List screen]]
: Context - [[Library Entries List screen]]
: In the mobile edition, in the upper-right corner of the Library Entries List screen is an icon resembling a shish kebab -- a line representing a roasting spit and 3 dots representing 3 morsels -- which when pressed deploys the [right-side menu], including an initial menu option to edit the library -- that, to display and optionally change the structure of the library, mostly consisting of field definitions.


== L ==
== L ==
Line 120: Line 111:


== P ==
== P ==
; <div id=page></div>Page
; <div id=page></div>Page (Memento)
:; Context - [[Entry View card]], [[Entry Edit card]] : A subdivision of the set of fields of a library. The initial page for a library is on a tab called MAIN. The user can add more pages; each will have a name and a tab; and each will have its own set of fields. Each entry in a library contains all fields across all pages.
: A subdivision of the set of fields of a library. The initial page for a library is on a tab called MAIN. The user can add more pages; each will have a name and a tab; and each will have its own set of fields. Each entry in a library contains all fields across all pages.
:; Context - the [[Memento Wiki]] : As in any wiki, the information is organized primarily in pages. These are Web pages. The secondary organizing unit in wikis is the category.
: Context - the [[Entry View card]], [[Entry Edit card]]


; <div id=page></div>Pane section
; <div id=page></div>Page (Wiki)
: (Desktop term)
: As in any wiki, the information is organized primarily in Web pages. The secondary organizing unit in wikis is the category.
: A region within a [[#window|window]] [[#pane|pane]] that is identified by a section title and white space distancing it from other such regions. The remaining content of the section can be text, hyperlinks, or buttons, but fewer of these than would be present if the pane were instead subdivided into panels.
: Context - the [[Memento Wiki]]


; <div id=pane></div>Pane
; <div id=pane></div>Pane

Navigation menu