#include <AR6/AR/ar.h>
#include <math.h>
#include <ctype.h>
#include <unistd.h>
#include <sys/param.h>
#include <pthread.h>
#include <AR6/ARUtil/file_utils.h>
Macros | |
| #define | _GNU_SOURCE |
Functions | |
| ARUint32 | arGetVersion (char **versionStringRef) |
| Get the ARToolKit version information in numberic and string format. More... | |
| int | arUtilGetSquareCenter (ARdouble vertex[4][2], ARdouble *x, ARdouble *y) |
| int | arUtilMatMul (const ARdouble s1[3][4], const ARdouble s2[3][4], ARdouble d[3][4]) |
| int | arUtilMatMuldff (const ARdouble s1[3][4], const float s2[3][4], float d[3][4]) |
| int | arUtilMatMulf (const float s1[3][4], const float s2[3][4], float d[3][4]) |
| int | arUtilMatInv (const ARdouble s[3][4], ARdouble d[3][4]) |
| int | arUtilMatInvf (const float s[3][4], float d[3][4]) |
| int | arUtilMat2QuatPos (const ARdouble m[3][4], ARdouble q[4], ARdouble p[3]) |
| int | arUtilQuatPos2Mat (const ARdouble q[4], const ARdouble p[3], ARdouble m[3][4]) |
| int | arUtilQuatNorm (ARdouble q[4]) |
| int | arUtilGetPixelSize (const AR_PIXEL_FORMAT arPixelFormat) |
| Get the size in bytes of a single pixel for a given pixel format. More... | |
| const char * | arUtilGetPixelFormatName (const AR_PIXEL_FORMAT arPixelFormat) |
| Get a string holding a descriptive name for a given pixel format enumeration. More... | |
| const char * | arUtilGetFileNameFromPath (const char *path) |
| char * | arUtilGetFileBasenameFromPath (const char *path, const int convertToLowercase) |
| Get file base name from a path. More... | |
| char * | arUtilGetFileExtensionFromPath (const char *path, const int convertToLowercase) |
| Get file extension from a path. More... | |
| char * | arUtilGetDirectoryNameFromPath (char *dir, const char *path, const size_t n, const int addSeparator) |
| char * | arUtilGetFileURI (const char *path) |
| Get a path as a file URI. More... | |
| char * | arUtilGetResourcesDirectoryPath (AR_UTIL_RESOURCES_DIRECTORY_BEHAVIOR behavior) |
| Get the path to the resources directory using the specified behavior. More... | |
| char * | arUtilGetAndCreateResourcesDirectoryPath (AR_UTIL_RESOURCES_DIRECTORY_BEHAVIOR behavior) |
| Get the path to the resources directory using the specified behavior, creating the path if it doesn't already exist. More... | |
| int | arUtilChangeToResourcesDirectory (AR_UTIL_RESOURCES_DIRECTORY_BEHAVIOR behavior, const char *path) |
| Change to the resources directory using the specified behavior. More... | |
| int | arUtilReplaceExt (char *filename, int n, char *ext) |
| int | arUtilRemoveExt (char *filename) |
| int | arUtilDivideExt (const char *filename, char *s1, char *s2) |
| void | arUtilPrintTransMat (const ARdouble trans[3][4]) |
| Prints a transformation matrix via ARLOG(...). More... | |
| void | arUtilPrintMtx16 (const ARdouble mtx16[16]) |
| Prints a 4x4 row-major matrix via ARLOG(...). More... | |
Macro Definition Documentation
| #define _GNU_SOURCE |
Function Documentation
| ARUint32 arGetVersion | ( | char ** | versionStringRef | ) |
Get the ARToolKit version information in numberic and string format.
"Utility".
As of version 2.72, ARToolKit now allows querying of the version number of the toolkit available at runtime. It is highly recommended that any calling program that depends on features in a certain ARToolKit version, check at runtime that it is linked to a version of ARToolKit that can supply those features. It is NOT sufficient to check the ARToolKit SDK header versions, since with ARToolKit implemented in dynamically-loaded libraries, there is no guarantee that the version of ARToolKit installed on the machine at run-time will be as recent as the version of the ARToolKit SDK which the host program was compiled against. The version information is reported in binary-coded decimal format, and optionally in an ASCII string. A increase in the major version number indicates the removal of functionality previously provided in the API. An increase in the minor version number indicates that new functionality has been added. A change in the tiny version number indicates changes (e.g. bug fixes) which do not affect the API. See the comments in the config.h header for more discussion of the definition of major, minor, tiny and build version numbers.
- Parameters
-
versionStringRef If non-NULL, the location pointed to will be filled with a pointer to a string containing the version information. Fields in the version string are separated by spaces. As of version 2.72.0, there is only one field implemented, and this field contains the major, minor and tiny version numbers in dotted-decimal format. The string is guaranteed to contain at least this field in all future versions of the toolkit. Later versions of the toolkit may add other fields to this string to report other types of version information. The storage for the string is malloc'ed inside the function. The caller is responsible for free'ing the string.
- Returns
- Returns the full version number of the ARToolKit in binary coded decimal (BCD) format. BCD format allows simple tests of version number in the caller e.g. if ((arGetVersion(NULL) >> 16) > 0x0272) printf("This release is later than 2.72\n"); The major version number is encoded in the most-significant byte (bits 31-24), the minor version number in the second-most-significant byte (bits 23-16), the tiny version number in the third-most-significant byte (bits 15-8), and the build version number in the least-significant byte (bits 7-0).
| int arUtilChangeToResourcesDirectory | ( | AR_UTIL_RESOURCES_DIRECTORY_BEHAVIOR | behavior, |
| const char * | path | ||
| ) |
Change to the resources directory using the specified behavior.
ARToolKit uses relative paths to locate several types of resources, including camera parameter files, pattern files, multimarker files and others. This function provides the convenience of setting the current process working directory to the appropriate value for your application.
On Android only, the function has an optional parameter 'instanceOfAndroidContext'. If behavior is AR_UTIL_RESOURCES_DIRECTORY_BEHAVIOR_USE_APP_CACHE_DIR, this parameter must be an instance of a class derived from android/content/Context. In all other cases, pass NULL for this parameter.
- Parameters
-
behavior See AR_UTIL_RESOURCES_DIRECTORY_BEHAVIOR type for allowed values. path When behavior is AR_UTIL_RESOURCES_DIRECTORY_BEHAVIOR_USE_SUPPLIED_PATH, the path to change to (absolute or relative to current working directory). In all other cases, if this parameter is non-NULL, it will be taken as a subdirectory of the desired path and to which the working directory should be changed.
- Returns
- -1 in the case of error, or 0 otherwise.
- Since
- Not available on Windows Runtime (WinRT).
| int arUtilDivideExt | ( | const char * | filename, |
| char * | s1, | ||
| char * | s2 | ||
| ) |
| char* arUtilGetAndCreateResourcesDirectoryPath | ( | AR_UTIL_RESOURCES_DIRECTORY_BEHAVIOR | behavior | ) |
Get the path to the resources directory using the specified behavior, creating the path if it doesn't already exist.
ARToolKit uses relative paths to locate several types of resources, including camera parameter files, pattern files, multimarker files and others. This function provides the convenience of finding an appropriate value for your application.
On Android only, the function has an optional parameter 'instanceOfAndroidContext'. If behavior is AR_UTIL_RESOURCES_DIRECTORY_BEHAVIOR_USE_APP_CACHE_DIR, this parameter must be an instance of a class derived from android/content/Context. In all other cases, pass NULL for this parameter.
- Parameters
-
behavior See AR_UTIL_RESOURCES_DIRECTORY_BEHAVIOR type for allowed values.
- Returns
- NULL in the case of error, or the path otherwise. Must be free()d by the caller.
| char* arUtilGetDirectoryNameFromPath | ( | char * | dir, |
| const char * | path, | ||
| const size_t | n, | ||
| const int | addSeparator | ||
| ) |
| char* arUtilGetFileBasenameFromPath | ( | const char * | path, |
| const int | convertToLowercase | ||
| ) |
Get file base name from a path.
Given a full or partial pathname passed in string path, returns a string with the base name portion of path, i.e. the text between the rightmost path separator and the the rightmost '.' character, if any. If the filename contains no '.', returns the filename.
- Parameters
-
path Full or partial pathname. convertToLowercase If convertToLowercase is TRUE, uppercase ASCII characters in the basename will be converted to lowercase.
- Returns
- A string with the basename portion of path. NB: The returned string must be freed by the caller.
| char* arUtilGetFileExtensionFromPath | ( | const char * | path, |
| const int | convertToLowercase | ||
| ) |
Get file extension from a path.
Given a full or partial pathname passed in string path, returns a string with the extension portion of path, i.e. the text after the rightmost '.' character, if any. If the filename contains no '.', NULL is returned.
- Parameters
-
path Full or partial pathname. convertToLowercase If convertToLowercase is TRUE, uppercase ASCII characters in the extension will be converted to lowercase.
- Returns
- A string with the extension portion of path. NB: The returned string must be freed by the caller.
| const char* arUtilGetFileNameFromPath | ( | const char * | path | ) |
| char* arUtilGetFileURI | ( | const char * | path | ) |
Get a path as a file URI.
Given a full or partial pathname passed in string path, returns a string with the file URI for that path.
Partial pathnames are handled by concatening with the process's current working directory.
- Parameters
-
path Full or partial pathname. On Windows, both partial pathnames, full pathnames including the drive letter, or UNC pathnames (beginning with "\\" are all OK.
- Returns
- A string with the the file URI for that path, or NULL in the case of error. NB: The returned string must be freed by the caller (by calling free() once its use is complete).
| const char* arUtilGetPixelFormatName | ( | const AR_PIXEL_FORMAT | arPixelFormat | ) |
Get a string holding a descriptive name for a given pixel format enumeration.
On occasions it can be useful to display to the user the format of the pixels which ARToolKit is processing. This funtion converts a pixel-format number into a human-readable string description.
- Parameters
-
arPixelFormat Enumerated pixel format number for which to retrieve a name.
- Returns
- A constant c-string holding a descriptive name for the pixel format. The string returned matches the constants used in the definition of the type AR_PIXEL_FORMAT, e.g. "AR_PIXEL_FORMAT_RGB".
| int arUtilGetPixelSize | ( | const AR_PIXEL_FORMAT | arPixelFormat | ) |
Get the size in bytes of a single pixel for a given pixel format.
Different pixel formats have different sizes in bytes, and therefore different storage requirements per row of pixels. Use this function to calculate the number of bytes required to store a single pixel of the given type.
- Parameters
-
arPixelFormat The pixel type whose size is to be measured.
- Returns
- Number of bytes required to store 1 pixel of the given type.
| char* arUtilGetResourcesDirectoryPath | ( | AR_UTIL_RESOURCES_DIRECTORY_BEHAVIOR | behavior | ) |
Get the path to the resources directory using the specified behavior.
ARToolKit uses relative paths to locate several types of resources, including camera parameter files, pattern files, multimarker files and others. This function provides the convenience of finding an appropriate value for your application.
On Android only, the function has an optional parameter 'instanceOfAndroidContext'. If behavior is AR_UTIL_RESOURCES_DIRECTORY_BEHAVIOR_USE_APP_CACHE_DIR, this parameter must be an instance of a class derived from android/content/Context. In all other cases, pass NULL for this parameter.
- Parameters
-
behavior See AR_UTIL_RESOURCES_DIRECTORY_BEHAVIOR type for allowed values.
- Returns
- NULL in the case of error, or the path otherwise. Must be free()d by the caller.
| int arUtilMatInvf | ( | const float | s[3][4], |
| float | d[3][4] | ||
| ) |
| int arUtilMatMulf | ( | const float | s1[3][4], |
| const float | s2[3][4], | ||
| float | d[3][4] | ||
| ) |
| void arUtilPrintMtx16 | ( | const ARdouble | mtx16[16] | ) |
Prints a 4x4 row-major matrix via ARLOG(...).
- Parameters
-
mtx16 The matrix to print.
| void arUtilPrintTransMat | ( | const ARdouble | trans[3][4] | ) |
Prints a transformation matrix via ARLOG(...).
- Parameters
-
trans The transformation matrix to print.
| int arUtilRemoveExt | ( | char * | filename | ) |


RESTful Adapter Activity
The MDW RESTful Adapter Activity provides the ability to invoke a RESTful service from a workflow process, binding the service Request and Response to process variables.
Design Attributes
The basic design parameters for configuring a RESTful Adapter Activity are illustrated in the screenshot below.
The first attribute to specify is the HTTP method of your service request.
According to RESTful design principles, GET requests should be used for non-impactful resource retrieval, while POST request can be used for operations that create or update data.
Typically the request and response variables are Document-type variables which hold XML content according to a previously agreed XSD.
For GET requests, the Request Variable attribute is not required and will be ignored if specified.
The Timeout settings are optional, as is the Headers Variable.
If you specify a variable for the HTTP Headers, this variable must be of type java.util.Map and should contain String key/value pairs with the desired headers.
The XSD URL attributes are for information only and are not used at runtime.
The Restful Adapter supports "Http Basic Authentication" for any targeted web services that require a user/password. The user can enter a user/password combination which will be encoded as per the Basic Authentication guidelines, and sent with each request.
Please note that to enable this Http Basic Authentication functionality, you have to set the property below in your mdw.yaml file.
mdw.http.listeners.auth.mode=Basic


Explainable Reasoning in Face of Contradictions: From Humans to Machines
Dov Gabbay
Paper: Kampik & Gabbay. Explainable Reasoning in Face of Contradictions: From Humans to Machines.
#### Outline
* We claim that a key characteristic of intelligent behavior is the ability to make and **explain** decisions in the face of contradictions.
* We motivate this claim by looking at research in micro-economic theory and behavioral economics.
* We outline a set of future research directions.
What is (Artificial) Intelligence?
What is (Artificial) Intelligence?
#### Example: British Nationality Act
* $\Delta$
* Query from $\Delta$: can ${\cal A}$ get British passport?
* Program: **Prolog**; today we could use *Logica*
Sergot et al. *The British Nationality Act as a logic program*. 1986.
Tretyakov and Skvortsov (Google). *Logica Open Source Project*. 2021.
$\Delta$: can ${\cal A}$ get British passport?
* Answer: yes
Give trace of proof from $\Delta$
* Answer: no
Explanation: trace of attempted proof with output of what is missing
* (1) $a \rightarrow b$
* (2) $a$
* $?_{(1), (2)} b = $ yes, from (1), (2)
* $?_{(1)} b = $ no, (2) is needed
#### Choice
* Test for cancer inconclusive
* Program: **Default**; we infer:
* ${\cal H}$ is consistent to assume ${\cal A}$ has cancer
* ${\cal H}$ is consistent to assume ${\cal A}$ does not have cancer
* What we choose depends on our preference;
e.g., if we assume a cancer diagnosis, can we retire now with full pension?
Gabbay. Logic for AI and Information Technology (580pp). 2007.
#### What happens if data is inconsistent?
* All queries can be answered with `yes`
* We cannot explain without making a choice
* We need priorities
* We take a look at micro-economic decision theory and continue the example
#### What happens if data is inconsistent?
* When data is inconsistent, any conclusion can be derived.
* So we need priorities on the conclusions and we choose what we want.
* When more data arrived or when we restore consistency by deleting contradictions, we can reason again. There is a chance our priorities will change.
* What does it mean to be rational in this case?
Humans reason according to priorities
Human Reasoning has been studied for centuries
How should we make decisions?
How should we treat doubt?
Example: the Talmud and Shev Shema'tata.
Line from religious to legal reasoning
Line from religious reasoning to economic theory?
#### Economic Rationality
* Assumptions of economic rationality, **ceteris paribus** (if everything else equal):
* "Rational Economic Man" acts according to clear preferences
* Has consistent preferences over time
Clear Preferences
$a$: ${\cal A}$ has cancer; $b$: ${\cal A}$ does not have cancer
We want to retire now with full pension: $\{a\} \succeq \{b\}$ and we infer $a$.
Consistent Preferences
Guide and help explain our inference process.
$p$: Do we want to launch product $p'$?
(1): No objections: $\{p\}$
(2): inconsistent objections, we stay with $\{p\}$
Bounded Rationality
By now, we know that economic rationality is not a good model of human (intelligent) decision-making.
Lacks a model of knowledge.
Economists try to adjusts their models accordingly.
From Kahneman's empirical insights, Tversky built models for relaxing rationality
With formal argumentation, we can draw inferences in face of contradictions that are economically rational.
Kahneman, Daniel. *Maps of bounded rationality.* 2003.
Rubinstein, Ariel. *Modeling bounded rationality.* 1998.
#### Beyond Consistent Preferences: Airline Example
* ${\cal A}$ buys business class ticket, is entitled to 2 suitcases
* On check-in: first class is overbooked, system suggests:
a) Take compensation and take next flight
b) Change to economy, get only 1 suitcase
* The system can explain, but you cannot argue with it!
Gabbay et al. *Controlled Revision – A Preliminary Account*. 2003.
Attacks Explain Constraints for Preference Optimization
a: fly economy; b: fly business
c: take 2 suitcases; d: take compensation; e: arrive on time
Can we persuade the system to relax soft constraints?
Example: $\{a, c, e\}$ as a 'reasonable' compromise
#### Research Directions
* We cannot reason with the system and persuade it to relax the constraints
* For this we need to call the manager
* Our machine reasoner should be able to make a human-like decision, but according to consistent principles
Human-like decision, according to consistent principles
#### Automated Reasoning and (Bounded) Economic Rationality
* How can we apply principles of (boundedly) rational decision-making to automated (non)-monotonic reasoning?
* How should we relax these principles?
Kampik & Gabbay. *Explainable Reasoning in Face of Contradictions: From Humans to Machines*. 2021.
Kampik & Gabbay. *Towards DiArg - An Argumentation-based Dialogue Reasoner*. 2020.
Kampik & Nieves. *Abstract Argumentation and the Rational Man*. 2021.
#### Principle-based Automated Reasoning and Intuitive Rationality
* What principles do humans find intuitive?
* Are these principles generally applicable, or are there domain-specific or population-specific differences?
Cramer & Guillaume. *Empirical cognitive study on abstract argumentation semantics*. 2018.
Cramer & Guillaume. *Empirical study on human evaluation of complex argumentation frameworks*. 2019.
Van der Torre & Vesic. *The principle-based approach to abstract argumentation semantics*. 2017.
Baroni & Giacomin. *On principle-based evaluation of extension-based argumentation semantics*. 2007.
#### Learning Reasoning Principles
* More and more works integrate symbolic reasoning and machine learning
* We can learn formal models that satisfy reasoning principles (like monotony properties)
* What practical guarantees can we get from these principles?
* How can we learn principles? Can we tie principles to rewards?
Questions?
Special Issue in the Journal of Applied Logics - IfCoLog Journal:
*Explainable Reasoning in Face of Contradictions: Cross-disciplinary Perspectives*
[Link to the paper](https://people.cs.umu.se/tkampik/reports/Kampik_Gabbay_reasoning_contradictions.pdf)


14 references to Stopping
System.Management.Automation (14)
engine\hostifaces\Connection.cs (2)
940
case PipelineState.
Stopping
:
1087
UpdateRunspaceAvailability(PipelineState.
Stopping
, raiseEvent, cmdInstanceId);
engine\hostifaces\pipelinebase.cs (3)
296
SetPipelineState(PipelineState.
Stopping
);
308
case PipelineState.
Stopping
:
313
SetPipelineState(PipelineState.
Stopping
);
engine\hostifaces\PowerShell.cs (1)
6239
if ((e.PipelineStateInfo.State == PipelineState.
Stopping
) &&
engine\remoting\client\Job.cs (1)
2724
case PipelineState.
Stopping
:
engine\remoting\client\remotepipeline.cs (5)
596
SetPipelineState(PipelineState.
Stopping
, null);
610
case PipelineState.
Stopping
:
616
SetPipelineState(PipelineState.
Stopping
, null);
758
case PipelineState.
Stopping
:
760
if (state == PipelineState.Running || state == PipelineState.
Stopping
)
engine\remoting\commands\PSRemotingCmdlet.cs (2)
3430
case PipelineState.
Stopping
:
3662
case PipelineState.
Stopping
:


Symbollic Logic
by Lewis Carroll
“Book 5: Chapter 1”
Additional Information
- Year Published: 1896
- Language: English
- Country of Origin: United States of America
- Source: Carroll, L. (1896). Symbollic Logic. New York; Macmillan & Co.
-
Readability:
- Flesch–Kincaid Level: 10.5
- Word Count: 743
- Genre: Informational
- Keywords: math history, mathematics
- ✎ Cite This
Downloads
BOOK V.
SYLLOGISMS.
CHAPTER I.
INTRODUCTORY
When a Trio of Biliteral Propositions of Relation is such that
(1) all their six Terms are Species of the same Genus,
(2) every two of them contain between them a Pair of codivisional Classes
(3) the three Propositions are so related that, if the first two were true, the third would be true,
the Trio is called a ‘Syllogism’; the Genus, of which each of the six Terms is a Species, is called its ‘Universe of Discourse’, or, more briefly, its ‘Univ.’; the first two Propositions are called its ‘Premisses’, and the third its ‘Conclusion’; also the Pair of codivisional Terms in the Premisses are called its ‘Eliminands’, and the other two its ‘Retinends’.
The Conclusion of a Syllogism is said to be ‘conseque from its Premisses: hence it is usual to prefix to it the w “Therefore” (or the Symbol .‘.).
[Note that the ‘Eliminands’ are so called because they are eliminated, and do not appear in the Conclusion; and that the ‘Retinends’ are so called because they are retained, and do appear in the Conclusion.
Note also that the question, whether the Conclusion is or is not consequent from the Premisses, is not affected by the actual truth or falsity of any of the Trio, but depends entirely on their relationship to each other.
As a specimen-Sylligism, let us take the Trio
“No x-Things are m-Things;
No y-Things are m’-Things.
No x-Things are y-Things.”
which we may write thus:–
“No x are m;
No y are m’.
No x are y”.
Here the first and second contain the Pair of codivisional Classes m and m’; the first and third contain the Pair x and x; and the second and third contain the Pair y and y.
Also the three Propositions are (as we shall see hereafter) so related that, if the first two were true, the third would also be true.
Hence the Trio is a Syllogism; the two Propositions, “No x are m” and “No y are m’ ”, are its Premisses; the Propo- sition “No x are y” is its Conclusion; the Terms m and m’ are its Eliminands; and the Terms x and y are its Retinends.
Hence we may write it thus:–
“No x are m;
No y are m’.
.‘. No x are y”.
As a second specimen, let us take the Trio
“All cats understand French;
Some chickens are cats.
Some chickens understand French”.
These, put into normal form, are
“All cats are creatures understanding French;
Some chickens are cats.
Some chickens are creatures understandoing French”.
Here all the six Terms are Species of the Genus “creatures.”
Also the first and second Propositions contain the Pair of codivisional Classes “cats” and “cats”; the first and third contain the Pair “creatures understanding French” and “creatures understanding French”; and the second and third contain the Pair “chickens” and “chickens”.
Also the three Propositions are (as we shall see at p. 64) so related that, if the first two were true, the third would be true. (The first two are, as it happens, not strictly true in our planet. But there is nothing to hinder them from being true in some other planer, say Mars or Jupiter—-in which case the third would also be true in that planet, and its inhabitants would probably engage chickens as nursery-governesses. They would thus secure a singular contingent privilege, unknown in England, namely, that they would be able, at any time when provisions ran short, to utilise the nursery-governess for the nursery-dinner!)
Hence the Trio is a Syllogism; the Genus “creature” is its ‘Univ.’; the two Propositions, “All cats understand French” and “Some chickens are cats”, are its Premisses, the Proposition “Some chickens understand French” is its Conclusion; the Terms “cats” and “cats” are its Elimi- nands; and the Terms, “creatures understanding French” and “chickens”, are its Retinends.
Hence we may write it thus:–
“All cats understand French;
Some chickens are cats;
.‘. Some chickens understand French”]


---
start: 2017-02-01 13:00
edition: 23
participate: "https://www.eventbrite.com/e/understanding-the-intelligent-cloud-tickets-31439474314"
talk: "https://goo.gl/forms/m9aPSXemMLPBj35k1"
subheader: "Understanding the Intelligent Cloud"
subnote:
agenda:
-
time: "6:45 pm - 7:30 pm"
title: "Understanding the intelligent cloud"
subtitle: "Automating intelligent decisions based on information developed through machine learning and analytics, by using the services provided by Azure. The entire process of captured telemetry to taking action on them will be discussed."
speaker_profile: "By: Ritesh Modi, Architect and Senior Technology Evangelist, Microsoft."
image: "ritesh.jpg"
-
time: "7:30 pm - 7:45 pm"
title: "Break & Networking"
-
time: "7:45 pm - 8:30 pm"
title: "Continued..."
---


Evaluate Logic
Enter a logical formula with unknown values x.
^ xor
& and
| or
⟨ nor
Expression:
Connect
Compute


Ordered Items
Product ID: {{cart.product_id}}
Product Price: {{cart.price}}
Discount Per: (User - {{cart.discount_per.user_discount}}%) (Coupon - {{cart.discount_per.coupon_discount}}%)
Discount Price: {{cart.d_price}}
Quantity Ordered: {{cart.quantity}}
Size: {{cart.size}}
Contact Information
Buyer's Name: {{order_data.paypal_data.payer.name.given_name}} {{order_data.paypal_data.payer.name.surname}}
E-Mail: {{order_data.paypal_data.payer.email_address}}
Order Details
Order ID: {{order_data.hash_key}}
Payment Status: {{order_data.paypal_data.purchase_units.0.payments.captures.0.status}}
Payment ID: {{order_data.paypal_data.purchase_units.0.payments.captures.0.id}}
Reference ID: {{order_data.paypal_data.purchase_units.0.reference_id}}
Subtotal Price: {{order_data.subtotal}}
Shipping Price: {{order_data.shipping_cost}}
Total Price: {{order_data.total}}
PayPal Total: {{order_data.paypal_data.purchase_units.0.amount.value}}
Date the Order was made: {{order_data.date_made}}
Order STATUS: {{order_data.order_status}}
{% if order_data.denied_msg %}
Reason for denial of Order:
{{denied_msg}}
{% endif %}
{% if order_data.refund_amount %}
Refund Client: {{order_data.refund_amount}}
{% endif %}
Shipping Address
Full Name:
{{order_data.paypal_data.payer.name.given_name}} {{order_data.paypal_data.payer.name.surname}}
Payer ID:
{{order_data.paypal_data.payer.payer_id}}
Payer E-mail:
{{order_data.paypal_data.payer.email_address}}
Addess Line 1:
{{order_data.paypal_data.purchase_units.0.shipping.address.address_line_1}}
Address Line 2:
{{order_data.paypal_data.purchase_units.0.shipping.address.address_line_2}}
City / Town / Village:
{{order_data.paypal_data.purchase_units.0.shipping.address.admin_area_2}}
Province / State:
{{order_data.paypal_data.purchase_units.0.shipping.address.admin_area_1}}
Country:
{{order_data.paypal_data.purchase_units.0.shipping.address.country_code}}
Postal Code:
{{order_data.paypal_data.purchase_units.0.shipping.address.postal_code}}
FULL ADDRESS INFORMATION:
{{order_data.paypal_data.purchase_units.0.shipping.address}}
Shipping Company
Shipping Company Name:
{{order_data.shipping_company}}
Tracking Code:
{{order_data.tracking_id}}
ORDER DENIED
Amount Refunded: {{order_data.refund_amount}}
Reason for denial of Order:
{{order_data.denied_msg}}
If the order is done and is ready for shipping, press the "Done" button. The user will receive an email notifing them that their item is on their way to the location they have set.
{% include 'lost-empire/site_templates/modules/alert/alert.html' %}If the order cannot be done due to any issues, fill in the box bellow with the reason for the order not being completed and denied.
{% include 'lost-empire/site_templates/modules/alert/alert.html' %}


Monitor the $SYS events on your account. The log tab contains the last 200 events with the newest events at the top. The subscriptions tab shows all active subscriptions for your account.
{{ event.received | date: 'short' }} : {{ event.msg }}


My Work
Resume
About Me
UI/UX Designer
Tynan Drake
I'm an aspiring UI/UX designer currently studying Digital Media at Drexel University
My Work
Philadelphia Union Redesign
Hot 97 Redesign
Interaction Design


Siyong Ma
Hi, my name is Siyong Ma, and now a Master candidate in Computer Science graduate program of Northeastern University, Boston, MA. I earned my B.Engineering degree in Software Engineering from Software Engineering Institute of East China Normal University, July, 2013.
# I am looking for 2014 summer internship and CO-OP opportunity for Spring 2015.
About me
I am a good learner, and eager to participate in industry based research or work. I am familiar with Python, Java, and C++. I am currently taking some interesting MOOC online courses on edx.org. Besides taking Algorithm courses at Northeastern University, I also audit 6.006 & 6.046 at MIT. I'm also auditing Stochastic Process course at Boston University, out of my interest in Markov process and Poisson point process.
My recent projects:
- Web:
- An Django online shopping website
- A PHP website for rendering graphic statistic report
- A forum using ruby on rails
- Course Projects:
- Berkeley Artificial Intelligence Course Project CS188-Berkeley
- Programming for Pacman AI
- Machine Learning Project
- A web crawler and a mini search engine CS6200-Northeastern
- Berkeley Artificial Intelligence Course Project CS188-Berkeley
Notice
Due to the policy of not distributing project solutions on the internet, my course project solutions are private project on Github. If you wanna see some my code samples, feel free to send me an email<EMAIL_ADDRESS>:D


Puppetry Recorder we use to record user interactions on the target web pages as a test suite.
To start you need to type in the toolbar the URL of a page and press Enter.
As pages loaded you can interact with them (click elements, type in inputs, resize window, scroll,
navigate pages and so on).
Note: Puppetry recorder does not follow popup windows yet
Available tools
Address bar - navigate to the provided URL
Select device combobox - resize window to match the selected device screen
Create Suite button - save recording as a test suite and return to Puppetry main window
On the page:
CtrlShiftS - add "make a screenshot" command to the log. Can be used to mark a particular step in your session
Right-click (or CtrlShiftLeft-click) - register a hovered element as a target
When moving mouse cursor on a loaded page the hovered elements are being highlighted.
Here you can pick an outline color most suiting to your test page design:


Demo, AI recognition
Let the computer (AI) guess from photo yours or someone elses Age, Gender and Emotion!
Reset
{% block exception %}{% endblock %} {% block image %}{% endblock %}


At Brooklyn Bridge Park 2018 from August 5th through 8th , from 6pm to midnight
Brooklyn Outdoor Film Festival
We are organizators of the Brooklyn outdoor film festival which will take place from 5th till 8th of August 2018 at the Brooklyn Bridge park.
Our Story
We are organizators of the Brooklyn outdoor film festival which will take place from 5th till 8th of August 2018 at the Brooklyn Bridge park.
We will play movies every day from 6pm till midnight.


| Release Doc > Examples > Simple Examples > ObjectSpace > XML Dispatcher | ||
| XML Dispatcher | ||
|
Launch Delphi-example for WebApplicationDll This example shows how to use the XML components in $(PRODUCT_BASE_NAME) to
build a web applications to extract data from a Web application in XML format. The model used in this example is
Budget.bld, it has four classes: The example consists of two parts:
Users will be able to ask for a budget given its name, and display its Cells in a tabular format in their browser. They can then modify the values of these cells and apply the updates back to the object space. How to run WebApplicationDll.dll is an ISAPI dll, in order to work with your web browser it must be properly installed. See the appendix for more details on how to install an ISAPI dll. XMLDispatcher is a COM server that will be invoked by the WebApplicationDll, hence it must be properly registered and configured:
To test follow these steps:
http://<Root-Directory-name>\WebApplicationDll.dll\bold?who=<A-Budget-Name> where <Root-Directory-name> is the name of the web directory where the web application is located and <A-Budget-Name> is the value of the aName attribute of an existing budget. When the URL is requested, the XMLDispatcher server is launched on the machine where the web server is located. The returned page contains the cells of the requested budget in a table and an "Update Cell" in the bottom. Test by modifying the values of the cells and pressing the Update button, then check your updates by opening another browser window and asking for the same Budget. WebApplicationDll WebApplicationDll is an ISAPI dll. The important points to note here are:
XMLDispatcher The XMLDispatcher application holds the object space. The BoldSystem resides in dmMain (BoldAppDataModUnit.pas). An important component in dmXMLProducerForBudget.pas is the BoldXMLDispatcher1. This component receives and outputs XML. The imcoming XML should contain a properly formatted Action. It uses the tag name of the Action element to select the appropriate BoldXMLActionItem for handling the request. The Actions property of the BoldXMLDispatcher1 holds a collection of TBoldXMLActionItem objects used when handling requests. The actions should usually reflect the actions that a user can perform. In our example users can either request information about a Budget or update that information if they already have requested it, hence we have two actions defined:
ObjectName is another property on BoldXMLDispatcher1. It's the name, in this case BudgetDispatcher, under which the dispatcher object is exported. The BudgetProducer (also in dmXMLProducerForBudget.pas) is a TBoldXMLProducer that generates the XML data containing Budget information. The property OnProduce returns the XML string that should be sent back to the web application. Appendix Installing an ISAPI dll in IIS
Configuring Delphi to debug an ISAPI dll Open the ISAPI dll project file in Delphi. From the main menu, go to Run|Parameters and set the values of the following properties:
Set your breakpoints and run the project in Delphi then invoke the application through the web browser. Note! Please make sure to use the "Create DB & Alias" button before attempting to open the system for the first time. Once the database and alias is established you only have to use the "Open system" button when running the example program. | ||
| All material $(COPYRIGHT_TEXT). Registered Trademarks and other trademarks are properties of their respective holders. |


Global Variables
The following global variables are available globally.
-
- HTTP return status mapping
Declaration
Swift
public var dynamoStatusText = [
-
Default session expiry time in seconds
Declaration
Swift
public var sessionExpiryCheckInterval: NSTimeInterval = 5
-
Undocumented
-
Default document mime type/charset
Declaration
Swift
public var dynamoHtmlMimeType = "text/html; charset=utf-8"
-
Supported mime types by document extension.
Declaration
Swift
public var dynamoMimeTypeMapping = [


From: Jennifer Burns/ENRON@enronXgate on 04/23/2001 04:45 PM
To: Phillip K Allen/HOU/ECT@ECT, John Arnold/HOU/ECT@ECT, Airam
Arteaga/ENRON@enronXgate, Tamara Jae Black/HOU/ECT@ECT, Michael W
Bradley/HOU/ECT@ECT, Kimberly R Brown/HOU/EES@EES, Jennifer
Burns/ENRON@enronXgate, Angie Collins/ENRON@enronXgate, Shirley
Crenshaw/HOU/ECT@ECT, Jennifer Fraser/ENRON@enronXgate, Mike
Grigsby/HOU/ECT@ECT, "Gross, Adam" <Adam.Gross@ENRON.com>@SMTP@enronXgate,
Rogers Herndon/HOU/ECT@ect, Gary Hickerson/HOU/ECT@ECT, Kimberly
Hillis/ENRON@enronXgate, Vince J Kaminski/HOU/ECT@ECT, John J
Lavorato/ENRON@enronXgate, Kevin McGowan/ENRON@enronXgate, Scott
Neal/HOU/ECT@ECT, John L Nowlan/HOU/ECT@ECT, Kevin M Presto/HOU/ECT@ECT, Ina
Rangel/HOU/ECT@ECT, Jeffrey A Shankman/ENRON@enronXgate, Hunter S
Shively/ENRON@enronXgate, Fletcher J Sturm/HOU/ECT@ECT, Helen Marie
Taylor/HOU/ECT@ECT, Stacy Weatherly/Corp/Enron@Enron, Bill
White/NA/Enron@Enron, Judy Zoch/NA/Enron@ENRON
cc:
Subject: Trader's Roundtable Meeting
There will be a trader's roundtable meeting tomorrow, April 24th at 4:00PM in
EB3321. Please let me know if you are unable to attend.
Thank you,
Jennifer
3-9440
***********
EDRM Enron Email Data Set has been produced in EML, PST and NSF format by ZL Technologies, Inc. This Data Set is licensed under a Creative Commons Attribution 3.0 United States License <http://creativecommons.org/licenses/by/3.0/us/> . To provide attribution, please cite to "ZL Technologies, Inc. (http://www.zlti.com)."
***********
California


|
|
||
| LO ppm |
|
|
|
Gain
|
|
|
| SR S/s |
Decim
|
Fc pos
|
| RFBW kHz |
|
|
|
|
Freq: Hz | |
| Remote record file | ||
|
|
Device | |
| Addr | Port | |


Garfield is an orange, fuzzy tabby cat born in the kitchen of an Italian restaurant who immediately ate all the pasta and lasagna in sight, thus developing his love and obsession for lasagna and pizza.
Because of his appetite, the owner of Mamma Leoni's had to choose between keeping Garfield or closing down his restaurant; so Garfield was sold to a pet shop. Garfield was adopted from the store by Jon Arbuckle on June 19, 1978. In his cartoon appearances, Garfield usually causes mischief in every episode. In June 1983, comic strips introduced Amoeba Man, one of Garfield's alter-egos, yet he was only shown in six strips (June 20–25). In February 2010, another alter ego was introduced called Super Garfield, and his sidekick Odieboy (Odie). Amoeba Man and Super Garfield are only two of his few imaginary alter egos though, his most common one being the Caped Avenger. Also for a very short period of time in 2001–02, Garfield would fall prey to an overweight dog assuming various identities (e.g. Bungee Dog, Trapdoor Dog, Warm-Up Dog, etc.), which would appear from out of nowhere and squish him in any direction.
Garfield is an overweight anthropomorphic orange tabby noted for his laziness, smug sarcasm, and intense passion for food, particularly lasagna, pizza, and ice cream. Throughout the course of the strip, Garfield's weight is often an object of ridicule, particularly by his talking electronic scale. Garfield usually does not handle insults or commands from the scale (or anybody else) very well, and will normally respond to such remarks with violence or a comeback of some type.  Garfield is not particularly fond of Odie (as obviously expected from the common hatred shared by cats and dogs) and enjoys causing him physical harm or insulting him, seldom showing empathy for the beagle. Albeit Odie shows Garfield no belligerence of any kind and would never deliberately cause him harm, Garfield dislikes him regardless and is apt to make rude comments based on the utter lack of intelligence displayed by Odie. However, Odie is not the only target of Garfield's torments; he frequently pokes fun at Jon as well for his nerdy behaviors and unpopularity with women, along with his tacky, ridiculous fashion sense. Despite this, Garfield cares for Odie and Jon regardless, but he especially shows affection for his beloved teddy bear Pooky, which is frequently seen in his arms or close to its owner.
As it have been described, Garfield actually likes many things and lets say there is the same number of things what he does not like whatsoever. Some of them you can find below. (most of them are obvious , if you are a cat lover 😺).
You can find the full list and many more facts about Garfield, if you click on the paw:


A special thanks to blabla
{{flight.Departure}} to {{flight.Destination}}
{{flight.Message_Text}}
{{curElement.message}}


The Commission feels quite sure that the use of these maps will result in a much better equalization of real estate assessments in every county, and will further result in the placing on the tax rolls of a vast amount of improvements on real estate which have heretofore escaped taxation entirely.https://digitalprairie.ok.gov/digital/collection/okresources/id/43472/rec/3
They show the name of the owner and the assessed valuation of land and improvements separately for each tract of rural real estate within each county.... Land that is not assessed is clearly shown on the plats by use of diagonal lines.
Georeferencing the maps were an essential processing step. It was also much speedier than nearly any other georeferencing project, due to the structure of one map equaling one survey township.
We then used a model to clip out each map's marginalia.
With all the overlap removed, the individual maps for each county were combined into a mosaic.
Put them together and you have a continuous statewide layer.
Next?


| < Day Day Up > |
3.3. Checking Spelling Using IspellEmacs includes two spell-checking interfaces: to the Unix spell checker, spell, and to Ispell, which many people, including us, prefer. We say "interfaces" because Emacs does not include the executables for either of these spell-checkers. Because Ispell is superior and runs on a variety of platforms, we'll cover only Ispell here. If you attempt to run Ispell and it is not available, you'll have to install it. Chapter 13 provides details on installing Ispell on Windows and on Mac OS X. A further enhancement to Ispell is Flyspell, a command that highlights misspelled words on the fly. If you have Ispell installed, you'll have Flyspell support as well. 3.3.1 Checking a BufferIspell includes options to check a buffer, a region, the comments in a program, or a single word. After you type the command telling Ispell what area you want to check, it works the same way for all these options. We'll describe ispell-buffer here.  If Ispell finds a misspelled word, a screen like the following appears. Let's spell-check a hastily typed passage from Homer's Odyssey.
Ispell moves to the first unrecognized word, in this case a proper name correctly spelled (except for the proper accent marks). At the top of the screen, Ispell opens a small window that displays alternative spellings, numbered starting with 0. The minibuffer says C-h or ? for more options, SPC to leave unchanged, character to replace word. In this case, we have a properly spelled name, so press i to ask Ispell to insert it into your private dictionary, which is kept in a file called .ispell_<language> in your home directory,[1] where language is the language you are using (English by default). If this file doesn't exist, Ispell creates it without complaint and later asks you if you want to save it. To insert the word in the dictionary in lowercase, press u and Ispell lowercases the word and then puts it into your dictionary. Of course, because this is a proper name, we insert it as it appears in the passage.
Ispell opens a window at the top of the screen listing choices for a replacement. Usually one of its top few choices is correct.
If one of the words that Ispell lists at the top of the screen is correct, you type the number, and Ispell makes the replacement. To replace a word yourself, press r. After you type the corrected word, Ispell replaces it. If you press R instead, Ispell starts a query-replace through which you can correct all cases of the misspelling in this buffer. Instead of replacing the word, you may simply want Ispell to skip over it. To skip this occurrence of a misspelled word, press Space. To ignore a misspelled word for the rest of the session for all buffers, press a (for accept). Uppercase A has one subtle difference: it tells Ispell to accept the word for this session but only in this buffer. If you can see that something more complicated is wrong, you can start a recursive edit by typing C-r. Fix the error and type C-M-c to exit the recursive edit and resume Ispell. (You may recall that we discussed recursive editing earlier in this chapter.) Our passage repeatedly spells would incorrectly and typing the character beside the correct word only replaces a single incidence, so a better choice would be to type R to query-replace the word throughout the buffer.
We want to replace all occurrences of the misspelled word, so we'll type !, which, as you might recall, means "replace them all without asking."
Ispell replaces the words, then goes on to the next misspelling, crse. Note that this misspelling occurs before the second incorrect wuld. Because we already query-replaced wuld with would, Ispell had to move backward to find the next misspelling. Remember that Ispell, like all spellcheckers, corrects only true misspellings. If a misspelling forms another word, Ispell will leave it alone. It's up to you to change fries to fires in this passage. Different forms of the same word must be corrected separately. For example, if you misspell receive, receives, and receiving by reversing the i and the e, you must change each misspelled word. 3.3.2 Checking a Single WordSometimes when you are typing, you'll say, "That doesn't look right." To check the word the cursor is on, type M-$ (for ispell-word). Ispell checks the spelling of the word and displays word: ok if the word is spelled correctly. If the word is incorrect, Ispell displays a window with the options discussed earlier. 3.3.3 Completing a WordYou might start typing a word and then wonder, "How is that spelled?" This is where ispell-complete-word comes in. You're typing a word and you get stuck. Type M-Tab (for ispell-complete-word) and you get a list of choices. After typing occur, you use this command to find out the answer.
This feature varies in its helpfulness. In this case the replacement needed was shown. It won't always work that way, but you can always simply spell it wrong and then use ispell-buffer to fix it. 3.3.4 Spellchecking on the Fly with FlyspellFlyspell highlights misspelled words as you type. You can also use it to check existing text. The commands for doing this are different. To check text as you type, enter Flyspell mode by typing M-x flyspell-mode Enter. Fly appears on the mode line. If you set up Emacs to enter Flyspell mode automatically, your text is always spell-checked "on the fly." An alternative to Flyspell mode is Flyspell prog mode. In this mode, designed for programmers, Emacs highlights misspellings only in comments or strings. To enter it, type M-x flyspell-prog-mode Enter. To check existing text, you run M-x flyspell-buffer Enter. This command is like ispell-buffer; it spell-checks the entire buffer. Flyspell's interface is different; it underlines all the words it suspects are misspelled and gives you a pop-up menu of alternatives. The best way to check out Flyspell mode is to turn it on and type some misspelled text to see it in action. No matter whether you enter Flyspell mode or run flyspell-buffer, you correct errors in the same way. We'll demonstrate flyspell-buffer on our misspelled odyssey file. Because it's an existing file (not a new file we're typing), we need to issue the flyspell-buffer command.
Flyspell highlights misspelled words in red. Words that are repeatedly misspelled are highlighted in yellow. Note that it doesn't highlight the proper names we inserted in the dictionary earlier using Ispell; Flyspell checks to see whether words are in your personal dictionary before highlighting them as errors. You move to a misspelled word and press the middle mouse button to display a pop-up menu of possible replacements. (This implies that you have a three-button mouse, and, to be honest, you need one to make Flyspell work properly.) You select a replacement using the mouse.
Ispell inserts new words in the dictionary. Flyspell takes it a step further, creating word abbreviations for words that you misspell. In essence, a word abbreviation tells Emacs, in this case, that wrd is just an abbreviation for word, and that therefore Emacs should replace it automatically. If you turn on word abbreviation mode, described in the next section, chronic misspellings that Flyspell encounters will be automatically corrected. How can you tell Flyspell is using word abbreviations? When you exit a session in which you've used Flyspell, you see a prompt that says, Save abbrevs in ~/.abbrev_defs (y or n). This automatic correction won't occur without turning on word abbreviation mode, whether in your startup or manually. Read the section on this topic in this chapter for more details. What do you do if you encounter a word that's spelled correctly but that Flyspell doesn't recognize? You could insert it in your Ispell dictionary if it's a word you use frequently. The Save word option on the Flyspell pop-up menu handles this. For a temporary fix, the options Accept buffer and Accept session tell Flyspell to accept a word for the current buffer or for all buffers in the current Emacs session automatically. Of course, if it's a word you use frequently, you may want to insert it in the Ispell dictionary to keep Flyspell from flagging it each time. To enter flyspell mode automatically, add this line to your .emacs file: (setq-default flyspell-mode t) Table 3-6 summarizes the Ispell and Flyspell commands.
|
| < Day Day Up > |


Welcome to MinnPost Styles, a super-fly, style guide focused on interactive and news applications made by the MinnData team. A work in progress.
MinnPost Styles is a CSS and JS framework. The CSS source is written in SASS and is extendable if you want to include the framework via SASS.
Lots of inspiration and some code was taken from such amazing projects such as Bootstrap, Mapbox.js, and more. The source code can be found on Github.
MinnPost Styles aims to support all modern browsers and Internet Explorer 8 (IE8). See the browser note section for common notes to users that do not run a supported browser.
IE8 does not support many newer CSS(3) features and so some styles will not be the exact same as other browsers, but the difference should be minor style differences. IE8 does not support media queries in CSS, so we have to include a library to force it. Need to figure out.
It is suggested that you install MinnPost Styles with Bower. Otherwise, get the code from Github.
bower install minnpost-styles
Include the CSS as you would for any other library by putting the folling in the head
section of your HTML document.
<link rel="stylesheet" href="bower_components/minnpost-styles/dist/minnpost-styles.min.css">
Since these styles were made for projects that will get embedded in existing sites, all styles are prefixed with the mp
class. This means you should wrap your markup like so:

 ...

Or, if you are not embedding, simply add the class to the body:
 ...
There are Javascript parts for common interactions and interactive parts. See sections below that give examples of usage of the different components. Include the relevant JS files by adding the following near the end of your HTML document:

MinnPost Styles depends on underscore and jQuery globally, but depending on what part you want to use, you will need to include other dependencies.
| Component | Dependencies |
|---|---|
| Config | (default) |
| Datatables | Datatables |
| Formatters | (default) |
| Highcharts | Highcharts |
| Maps | Leaflet |
| Nav | (default) |
The JS parts of MinnPost styles will all go into a global variable by default, for example MP.nav
, but it is suggested to use a module loader like RequireJS or Browserify. The following is a sample usage with RequireJS:
require.config({
paths: {
'underscore': 'bower_components/underscore/underscore-min',
'jquery': 'bower_components/jquery/dist/jquery.min',
'nav': 'bower_components/minnpost-styles/minnpost-styles.nav.min'
}
});
require(['underscore', 'jquery', 'nav'], function(_, $, nav) {
// Nav creates some jQuery plugins
$(document).ready(function() {
// Scoll spy it all
$('body').mpScrollSpy();
});
});
These colors are used in the interface and already set to the appropriate components. Though you should not need to often, you can use these as text or background colors with classes like .color-{color-name}
or .bg-color-{color-name}
. After including the minnpost-styles.config.js
, the colors are available under MP.config['colors-interface']
.
These colors are used for political parties. You can use these as text or background colors with classes like .color-political-{color-name}
or .bg-color-political-{color-name}
. After including the minnpost-styles.config.js
, the colors are available under MP.config['colors-political']
. Full names of political parties can be found in MP.config.politicalParties
and can be seen if you hover over the swatches below.
These colors are used for data visualizations. These are colors to start from, and the set as whole should not necessarily be used to represent categories or groups in one dataset.
You can use these as text or background colors with classes like .color-data-{color-name}
or .bg-color-data-{color-name}
. After including the minnpost-styles.config.js
, the colors are available under MP.config['colors-data']
.
When grouping data, there are few important things to consider.
The number of groups: This is dependent on the data and the story. More groups mean more information for your reader to parse (both colors and data groups). It is suggested to break things down to no more than 7 colors.
The set of colors: Choosing colors to represent the different groups is very difficult. Make sure to read the Colorbrewer's scheme documentation and determine if you are representing sequential, diverging, or qualitative data. From there it best to pick colors that are the most visually distinct; this is more easily achieved by using the the HCL or Lab. Try using tools like I want hue or this HCL picker.
Colorblind consideration: When picking colors for data visualization, it is very important to ensure that the groups can be distinguished from each other for people with different color blindness. Use tools like Color Oracle to check this.
The following are sequential examples to white and diverging examples to the opposite ordered hue. Use the buttons below to switch the color spaces. Also, the hexadecimal values for the colors are actually in each block and copyable.
This is programatically achieved wtih Chroma.js and code similar to:
chroma.scale(['white', '#F55F29']).mode('lab').domain([0,1], 5).colors()
We aim to support down to IE8, but we still want other browsers to have some direction on how to upgrade, or that though the piece may work, some parts may be missing.
Though this is highly unlikely these days and given our audience, it's still important to note if the interface is based heavily on Javascript.
This application requires Javascript which is used to make your web browser more interactive. If this message does not go away, please consider enabling Javascript. Here are instructions on how to enable JavaScript in your web browser.

This application requires Javascript which is used to make your web browser more interactive. If this message does not go away, please consider enabling Javascript. Here are instructions on how to enable JavaScript in your web browser.

Depending on what browser is supported, you should change the IE conditional.
Your Internet Browser is the application you use to navigate webpages on the internet. You are currently using an older version of Internet Explorer. This application may not be full-featured because you are using such an old browser.

A really, really basic, mobile-first, fluid grid is provided. There are 5 provided groups of breakpoints, all
, small
, medium
, large
, xlarge
, and widths are provided in 5% intervals as well as 33% and 66%. This makes combinations such as .column-small-50
, which means that any width greater than or equal to 420px will be 50% wide.
25% m+
25% m+
50% m+
33% s+
66% s+
15% l+
10% l+
5% l+
20% l+
20% l+
30% l+
33% s+ 50% m+
66% s+ 50% m+

33% s+ 50% m+

66% s+ 50% m+

Predefined breakpoints are silly. Breakpoints should be defined when content or style no longer makes sense. That said, MinnPost Styles provides some defaults that we use often on our projects.
If you are using SASS, it is very simple to update the breakpoints and the size names. Simply update the following variable with something similar to the following. Each sub list consists of the class suffix and breakpoint.
$responsive-points: (
("all", 0px),
("small", 420px),
("medium", 640px),
("large", 960px),
("xlarge", 1200px)
)
Note that 0px
has a special meaning in that it will not be wrapped in a media query and will apply to all browsers. This means you could turn off the responsive bits by doing the following:
$responsive-points: ( ("all", 0px) );
Our overall guideline is to use Montserrat for headings and Open Sans for other typograhy. Use .font-heading
and .font-text
to override and set a specific font.
The following are the styling of the headings, h1, h2, etc.
Thinks heart prince cat birdwatching chase the red dot kitty honey shenanigans slept sleepy cat, kitten face little cat her life found fuzzy. Cat kitten sunbathe cat crosseyed cat little kitty photobomb looks curls, happy my she boy. Give me fish cats, cat terrified lived catnip comfortable.
Thinks heart prince cat birdwatching chase the red dot kitty honey shenanigans slept sleepy cat, kitten face little cat her life found fuzzy. Cat kitten sunbathe cat crosseyed cat little kitty photobomb looks curls, happy my she boy. Give me fish cats, cat terrified lived catnip comfortable.
Thinks heart prince cat birdwatching chase the red dot kitty honey shenanigans slept sleepy cat, kitten face little cat her life found fuzzy. Cat kitten sunbathe cat crosseyed cat little kitty photobomb looks curls, happy my she boy. Give me fish cats, cat terrified lived catnip comfortable.
Thinks heart prince cat birdwatching chase the red dot kitty honey shenanigans slept sleepy cat, kitten face little cat her life found fuzzy. Cat kitten sunbathe cat crosseyed cat little kitty photobomb looks curls, happy my she boy. Give me fish cats, cat terrified lived catnip comfortable.
Thinks heart prince cat birdwatching chase the red dot kitty honey shenanigans slept sleepy cat, kitten face little cat her life found fuzzy. Cat kitten sunbathe cat crosseyed cat little kitty photobomb looks curls, happy my she boy. Give me fish cats, cat terrified lived catnip comfortable.
Thinks heart prince cat birdwatching chase the red dot kitty honey shenanigans slept sleepy cat, kitten face little cat her life found fuzzy. Cat kitten sunbathe cat crosseyed cat little kitty photobomb looks curls, happy my she boy. Give me fish cats, cat terrified lived catnip comfortable.

h1 Example heading

...
The following are styling for non-heading labels for components like charts or tables.

Component label

Thinks heart prince cat birdwatching chase the red dot kitty honey shenanigans slept sleepy cat, kitten face little cat her life found fuzzy. Cat kitten sunbathe cat crosseyed cat little kitty photobomb looks curls, happy my she boy. Give me fish cats, cat terrified lived catnip comfortable nina fearless eat the grass friend his zzz home impressed kitten house loves sneak snuggliest mom cat happy! Waffles, her cat classy happy!  Belly, knock over the lamp rescuing he persian impressed purses gf's.

Some text...

For optimal readablity, large blocks of text should not necessarily fill the whole container. This is using em
's which means the container is based on the font size.
Thinks heart prince cat birdwatching chase the red dot kitty honey shenanigans slept sleepy cat, kitten face little cat her life found fuzzy. Cat kitten sunbathe cat crosseyed cat little kitty photobomb looks curls, happy my she boy. Give me fish cats, cat terrified lived catnip comfortable nina fearless eat the grass friend his zzz home impressed kitten house loves sneak snuggliest mom cat happy! Waffles, her cat classy happy!  Belly, knock over the lamp rescuing he persian impressed purses gf's.
Thinks heart prince cat birdwatching chase the red dot kitty honey shenanigans slept sleepy cat, kitten face little cat her life found fuzzy. Cat kitten sunbathe cat crosseyed cat little kitty photobomb looks curls, happy my she boy. Give me fish cats, cat terrified lived catnip comfortable nina fearless eat the grass friend his zzz home impressed kitten house loves sneak snuggliest mom cat happy! Waffles, her cat classy happy!  Belly, knock over the lamp rescuing he persian impressed purses gf's.

 ...

 ...

Links are used for inline navigation. For external links, it is often a good idea to use the target="_blank"
attribute as it will open the link in a new tab.
This is a link.
link
This is small text. This is bold text. This is emphasizes text.
Some text Super script then some Sub script
This is small text.
This is bold text.
This is emphasizes text.
Super-script text.
Subscript text.
HTML is an abbreviation of HyperText Markup Language.
HTML
Use a
element for the attribution of the quote.
Someone said something really awesome and important once.
Someone famous

Someone said something really awesome and important once.

Someone famous

Unordered list example

Ordered list example

Inline code
example.
code
['Code block',
'example here.'];

code

Footnotes are for footnotes, attribution, and other notes that are not needed to be specifically with its related content.
This is a footnote example.

This is a footnote example

Credits are specifically for components like images, or charts, most likely within a full article context.
This is a credit example.

This is a credit example

Captions are small, simple bits of information giving a specific component context, such as for an image or chart.

 This is a caption example

Wrap tables in a .table-responsive-*
class so that it will become scrollable on smaller devices. Breakpoint suffixes from $responsive-classes
SASS variable and determine the max-width to begin making the table responsive.
Use a striped
or striped-even
class on the table to add stripes to every other row.
| First column | second | third | fourth | fifth |
|---|---|---|---|---|
| data | 2 | longer paragraph text is over here | 42,000,424,242.00 | MORE! |
| somre more data here | 42 | longer paragraph text is over here | 42,000,424,242.00 | MORE! |

First column	second

data	2

somre more data here	42

Different types of buttons. The <button>
is the preferred element to use, but you can use other elements if needed.
<button class="button">Button</button>
Link
Span
<button class="button button-link">Button link</button>
<button class="button disabled">Disabled</button>
<button class="button active">Active</button>
There are different types of buttons with different colors as well.
<button class="button primary">primary</button>
<button class="button success">success</button>
<button class="button info">info</button>
<button class="button warning">warning</button>
<button class="button danger">danger</button>
You can use the helper classes to make different sized buttons as well.
<button class="button xxsmall">xxSmall</button>
<button class="button xsmall">xsmall</button>
<button class="button small">small</button>
<button class="button large">large</button>
<button class="button xlarge">xlarge</button>
<button class="button xxlarge">xxlarge</button>
Buttons next to each other.
Buttons groups next to each other in a toolbar.
The following is a basic input form.
<form role="form">

Email address
<input type="email" id="exampleInputEmail1" placeholder="Enter email">

...

<input type="checkbox" name="checkboxes" value="2"> Check, check

<button type="submit" class="button primary">Submit</button>
</form>
The following is a basic inline form. Inline forms are for multiple, but few inputs.
<form role="form" class="form-inline">
...
</form>
For single input forms, use an input group.
Currently broke in IE8.
<form role="form" class="large">

Email address
<input type="text" id="address" placeholder="Search by address">

<button type="submit" class="button primary" title="Search an address">Search</button>
<button type="submit" class="button info" title="Use your current location"></button>

</form>
Make sure to use the alt
attribute to provide a descriptive version of the image. Note that IE8 does not support rounded corners.
Icons provided by Font Awesome; see the site for the full list of icons. Kept independent so that MinnPost Styles stays small if you don't need them. Use the Bootstrap CDN to include the CSS.
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

Often, there is a need to represent that processing or data loading is happening, use the following to provide that message. Note that IE8 and IE9 does not support CSS animations so the icon will not spin.

 Loading...

For quick loading of a specific element, you can use the loading-block
class for a simple representation of loading.

| Name | Class | Icon |
|---|---|---|
| Location | fa-location-arrow | |
| External link | fa-external-link | |
| Down expand | fa-angle-down | |
| Up minimize | fa-angle-up | |
| Forward or next | fa-long-arrow-right | |
| Back or previous | fa-long-arrow-left | |
| Check | fa-check | |
| Alert | fa-bell | |
| Permalink | ?? |
Labels are basic ways to make distinctions to key words.
label
2x
label
Messages to the users, specifically concerning actions they have taken.

Success! This is a warning; watch out.

Info! This is a warning; watch out.

Warning! This is a warning; watch out.

Danger! This is a warning; watch out.

Either for interactive loading or a simple data visualization. This is a starting point for specific needs.

60% Complete

The following helper classes have a SASS @mixin counter part that you can use in your SASS files.
| Class (or mixin) | Description |
|---|---|
inline-block | Cross-browser inline-block. |
clearfix or cf | Cross-browser clearfix hack. |
tab-focus | Provides a consistent WebKit-style focus. |
center-block | Makes a block that is center and should be given a width. |
text-overflow | Cuts content off and adds ellipses. Requires inline-block or block for proper styling. |
text-hide | Hides text, but still read by screen reader. |
screen-reader-only or sr-only | Screen reader only. |
hidden or hide | Hidden from view and screen readers. |
print-visible | Visible on print only. |
print-hidden | Not visible on print. |
The following are simply helpful classes (no SASS counter parts).
| Class | Description |
|---|---|
xsmall , small , large , xlarge , xxlarge , or xxxlarge | Ups the font size, and given that almost all measurements are in em's then it will also increase the overall spacing. |
float-right | Float right. |
float-left | Float left. |
show | Does a display block. |
show-inline | Does a display inline. |
invisible | Does a visibility hidden. |
Overall, data or interactive pieces should guide people through the story or visuals, but sometimes you just need some simple navigation to allow readers to explore.

Sec 1

Sec 2

Sec 3

Sec 4

The following is an example of horizontal navigation that remains stuck at the top of the window when scrolling past it, but this only happens within a parent container. Also, this is an example of the simple "scoll-spying" mechanism that automatically activates the navigation link if that section is in view.
 Iaculis I don't like that food tortor shed everywhere tristique, hairball I don't like that food fluffy fur dolor tempus puking nunc. Accumsan stretching libero neque chase the red dot, faucibus sniff stretching libero vulputate chase the red dot. Suspendisse stuck in a tree suspendisse shed everywhere tail flick suspendisse, sollicitudin etiam rip the couch shed everywhere eat the grass orci turpis. Vestibulum tempus accumsan claw rip the couch, egestas rutrum dolor nam scratched. Give me fish bat tortor tincidunt a meow suspendisse, claw justo kittens shed everywhere. Vehicula sagittis quis nunc vel sleep in the sink, eat the grass feed me feed me toss the mousie elit orci turpis.
Vestibulum litter box climb the curtains attack, nam suscipit enim ut jump on the table amet libero sleep on your keyboard.   Dolor attack aliquam attack, chase the red dot catnip cras nec sunbathe sleep in the sink chase the red dot et.  Sollicitudin nullam hairball neque sleep in the sink, pellentesque orci turpis adipiscing vel hairball. Sniff tail flick et tempus, iaculis stuck in a tree knock over the lamp rip the couch stretching dolor attack.
Cras nec pharetra purr enim ut justo run, hairball nam elit neque. Ac sleep in the sink I don't like that food iaculis, sniff egestas sleep on your face nam sagittis biting hairball. Lick biting run iaculis et, nunc tail flick etiam vulputate tincidunt a biting. Chase the red dot non toss the mousie orci turpis, claw amet leap neque adipiscing et. Judging you catnip scratched etiam tincidunt a, fluffy fur fluffy fur vel iaculis I don't like that food ac justo.  Mauris a rip the couch pharetra adipiscing shed everywhere pellentesque, chuf enim ut tincidunt a vehicula nullam give me fish.
Cras nec pharetra purr enim ut justo run, hairball nam elit neque. Ac sleep in the sink I don't like that food iaculis, sniff egestas sleep on your face nam sagittis biting hairball. Lick biting run iaculis et, nunc tail flick etiam vulputate tincidunt a biting. Chase the red dot non toss the mousie orci turpis, claw amet leap neque adipiscing et. Judging you catnip scratched etiam tincidunt a, fluffy fur fluffy fur vel iaculis I don't like that food ac justo.  Mauris a rip the couch pharetra adipiscing shed everywhere pellentesque, chuf enim ut tincidunt a vehicula nullam give me fish.
Vestibulum litter box climb the curtains attack, nam suscipit enim ut jump on the table amet libero sleep on your keyboard.   Dolor attack aliquam attack, chase the red dot catnip cras nec sunbathe sleep in the sink chase the red dot et.  Sollicitudin nullam hairball neque sleep in the sink, pellentesque orci turpis adipiscing vel hairball. Sniff tail flick et tempus, iaculis stuck in a tree knock over the lamp rip the couch stretching dolor attack.

Sec 1

Sec 2

Sec 3

Sec 4

Section 01

Kitty ipsum dolor s ...

...

Navigation is actually vertical by default. This examples shows the use options in mpStick()
.
Note that on screens smaller than "medium", this does not work well, but should just need some responsive styling to make work fine.
 Iaculis I don't like that food tortor shed everywhere tristique, hairball I don't like that food fluffy fur dolor tempus puking nunc. Accumsan stretching libero neque chase the red dot, faucibus sniff stretching libero vulputate chase the red dot. Suspendisse stuck in a tree suspendisse shed everywhere tail flick suspendisse, sollicitudin etiam rip the couch shed everywhere eat the grass orci turpis. Vestibulum tempus accumsan claw rip the couch, egestas rutrum dolor nam scratched. Give me fish bat tortor tincidunt a meow suspendisse, claw justo kittens shed everywhere. Vehicula sagittis quis nunc vel sleep in the sink, eat the grass feed me feed me toss the mousie elit orci turpis.
Vestibulum litter box climb the curtains attack, nam suscipit enim ut jump on the table amet libero sleep on your keyboard.   Dolor attack aliquam attack, chase the red dot catnip cras nec sunbathe sleep in the sink chase the red dot et.  Sollicitudin nullam hairball neque sleep in the sink, pellentesque orci turpis adipiscing vel hairball. Sniff tail flick et tempus, iaculis stuck in a tree knock over the lamp rip the couch stretching dolor attack.
Cras nec pharetra purr enim ut justo run, hairball nam elit neque. Ac sleep in the sink I don't like that food iaculis, sniff egestas sleep on your face nam sagittis biting hairball. Lick biting run iaculis et, nunc tail flick etiam vulputate tincidunt a biting. Chase the red dot non toss the mousie orci turpis, claw amet leap neque adipiscing et. Judging you catnip scratched etiam tincidunt a, fluffy fur fluffy fur vel iaculis I don't like that food ac justo.  Mauris a rip the couch pharetra adipiscing shed everywhere pellentesque, chuf enim ut tincidunt a vehicula nullam give me fish.
Nunc hairball hairball adipiscing ac, I don't like that food rhoncus quis nunc justo I don't like that food. Tail flick biting rip the couch jump on the table, sleep in the sink libero feed me eat the grass neque chase the red dot.  In viverra suspendisse rip the couch sagittis, claw tincidunt a vulputate chuf judging you climb the curtains. Tristique sleep in the sink quis hiss, catnip nibh tail flick sagittis leap nam scratched. Lick tincidunt a in viverra suscipit litter box, iaculis sagittis sleep on your keyboard egestas stretching. Chuf enim ut aliquam et nunc, vehicula jump on the table eat chuf scratched.
Tristique rutrum scratched vehicula, shed everywhere nibh tincidunt a climb the curtains orci turpis amet rutrum. Faucibus shed everywhere enim quis sleep on your face, shed everywhere sagittis lay down in your way et nibh. Accumsan biting faucibus sagittis, justo sunbathe tortor sleep in the sink bibendum stretching. Sagittis sniff meow vel amet cras nec, sollicitudin enim sleep in the sink rip the couch rhoncus suspendisse. Pellentesque bibendum iaculis feed me I don't like that food biting, scratched enim ut lay down in your way iaculis etiam. Sniff pellentesque toss the mousie scratched iaculis quis, hairball rip the couch faucibus toss the mousie nibh eat the grass. Jump on the table toss the mousie judging you feed me, climb the curtains iaculis non cras nec catnip ac chase the red dot. Fluffy fur nullam hairball sniff feed me, sagittis iaculis tail flick quis nunc elit justo sniff.
Zzz justo nullam jump bat adipiscing, rutrum tortor in viverra attack.  Sleep in the sink purr jump faucibus nam, et judging you shed everywhere consectetur tortor. Suscipit iaculis rutrum enim ut judging you chuf, climb the curtains I don't like that food judging you vel sleep in the sink enim ut. Non tortor sagittis rhoncus, litter box rhoncus tail flick elit nullam enim suspendisse jump on the table. Chuf attack your ankles sollicitudin sagittis, bat attack sagittis pharetra quis nunc adipiscing tristique attack.  Chuf hairball dolor tristique, chuf rhoncus biting rip the couch tristique stuck in a tree.
Eat the grass climb the curtains rhoncus nam, amet neque tincidunt a vehicula hairball stuck in a tree.    Iaculis nullam stuck in a tree dolor etiam biting, aliquam amet et nam enim libero. Rhoncus leap egestas kittens ac, kittens nibh vestibulum sunbathe egestas attack.
Lick ac attack your ankles jump on the table rutrum nunc, pharetra zzz quis vehicula fluffy fur sniff. Leap iaculis orci turpis nullam eat the grass rip the couch, nunc neque sagittis sleep in the sink. Tail flick consectetur iaculis tempus bibendum adipiscing, etiam faucibus lick biting I don't like that food.  Sleep in the sink sleep in the sink sollicitudin sleep in the sink non, sleep in the sink catnip judging you vel toss the mousie. Enim orci turpis sleep in the sink biting purr neque, pellentesque rip the couch biting orci turpis kittens tempus.
Puking purr non rip the couch nibh, consectetur sniff suscipit chase the red dot enim ut jump.  Etiam elit suspendisse adipiscing chase the red dot tail flick, catnip elit stuck in a tree run quis nunc.  Lick enim ut tortor iaculis, nibh eat the grass puking egestas suspendisse pharetra neque nullam. Feed me jump on the table litter box puking, vel adipiscing chuf sleep on your keyboard libero sleep in the sink. Elit chuf attack scratched give me fish, tristique tristique neque hiss sniff.
  Libero vel vulputate aliquam, sniff bat hiss enim non suspendisse in viverra. Sagittis chase the red dot fluffy fur nullam egestas justo, suspendisse I don't like that food lick feed me give me fish etiam.   Quis nunc iaculis enim ut vel, tincidunt a egestas feed me cras nec stretching faucibus.

Sec 1

Sec 2

Sec 3

Sec 4

Section 01

Kitt ....

...

Default styling is provided for some basic types of Highchart charts. All charts use the class chart
to standardize the size. Use the MP.highcharts.makeChart(selector, options)
function to easily make charts and get back the Highcharts object to manipulate later if needed.

Example line chart

Your awesome, concise caption goes here. If you can adequately describe your x-axis units and labels, leave them and the legend off.

// Use the default options, turn off the legend, add some data
MP.highcharts.makeChart('.chart-line-example', $.extend(true, {}, MP.highcharts.lineOptions, {
legend: { enabled: false },
yAxis: {
title: { enabled: false },
labels: { format: '${value:,.0f}' }
},
series: [{
name: 'Example data',
data: [1, 2, 3]
}]
}));
// Use the default options, turn off legend, and add some data
MP.highcharts.makeChart('.chart-line-example', $.extend(true, {}, MP.highcharts.columnOptions, {
legend: { enabled: false },
series: [{
name: 'Example data',
data: [1, 2, 3]
}]
}));
// This examples uses categorical data
MP.highcharts.makeChart('.chart-bar-example', $.extend(true, {}, MP.highcharts.barOptions, {
xAxis: {
categories: ['A', 'B', 'C', 'D']
},
series: [{
name: 'Example',
data: [24826, 12144, 27342, 24401]
},
{
name: 'Example 2',
data: [640, 765, 999, 123]
}]
}));
MP.highcharts.makeChart('.chart-scatter-example', $.extend(true, {}, MP.highcharts.scatterOptions, {
series: [{
name: 'Example',
data: [[11, 23], [12, 22], [13, 28], [14, 30], [14.01, 30], [15, 30], [16, 33],
[11.2, 22], [12.7, 21], [13.2, 27], [14.1, 34], [15.8, 33], [16.3, 30]]
},
{
name: 'Example 2',
data: [[11, 13], [12, 10], [13, 9], [14, 6], [15, 8], [16, 7]]
}]
}));
Styling for maps provided through Leaflet or Mapbox.js. Note that Mapbox.js is a superset of Leaflet. We use the Mapbox.js styling because it is a nice style and provides consistency across maps that may or may not use the Mapbox.js styles. Include the CSS before MinnPost styles.
<link rel="stylesheet" href="//api.tiles.mapbox.com/mapbox.js/v1.6.0/mapbox.css">
The following are available in the MP.maps
object.
| Property or function | Description |
|---|---|
minneapolisPoint | Leaflet point object for center of Minneapolis. |
stPaulPoint | Leaflet point object for center of St. Paul. |
minnesotaPoint | Leaflet point object for center of Minnesota. |
mapboxSatelliteStreets | Mapbox ID for base layer of satellite with streets. |
mapboxStreetsDarkLabels | Mapbox ID for base layer of dark themed streets with labels. |
mapboxStreetsLightLabels | Mapbox ID for base layer of light themed streets with labels. |
mapboxTerrainLight | Mapbox ID for base layer of dark themed terrain and streets without labels. |
mapboxTerrainDark | Mapbox ID for base layer of light themed terrain and streets without labels. |
mapOptions | Object of common options for a Leaflet map. |
mapStyle | Object of default vector (i.e. GeoJSON layer) style. |
mapboxAttribution | HTML for Mapbox attribution. |
openstreetmapAttribution | HTML for OSM attribution. |
makeLeafletMap | A function taking (domID, mapboxBaseName, centerPoint) that creates a Leaflet map. Returns the map object. |
makeMakiIcon | A function taking (iconName, sizeName, color) that generates a Leaflet marker icon that uses a Maki icon. |
TooltipControl | A basic Leaflet control class for an updatable tooltip. Use methods update, show, hide to control content and show or hide the tooltip. |
With most map services like OpenStreetMap and Mapbox, their terms of use require attribution of some sort. The requirement is usually to have a link on the page, not necessarily on the map. By default, the attribution control is added to a Leaflet map. This should remove for style consistency. Using MP.maps.makeLeafletMap()
will automatically remove the attribution.
// Remove attribute
map.removeControl(map.attributionControl);
// Handy attribution to add to a footnote
MP.maps.mapboxAttribution;
MP.maps.openstreetmapAttribution;
Map attribution.
You can switch the different base maps that we have created through Mapbox. If you are not making a MinnPost project, please use your own base layers as their use costs us money.
Map attribution.
The Maki icon set provided by Mapbox is a basic icon set focused on points of interests. Mapbox provides a static API for the icons that can be used to make markers pretty easily. There is a simple icon factory method in MP.maps
.
var icon = MP.maps.makeMakiIcon('cinema', 'm', '232323');
For non-marker feature, like polygons, there is a default style provided under MP.maps.mapStyle
. Also, for simple tooltip static hovers, there is a MP.maps.TooltipControl
Leaflet control to easily manage tooltips.
Map attribution.
// Marker map
var markerMap = MP.maps.makeLeafletMap('example-markers-features-map');
var tooltipControl = new MP.maps.TooltipControl();
markerMap.setZoom(9);
markerMap.addControl(tooltipControl);
// Markers
var iconCinema = MP.maps.makeMakiIcon('cinema', 'm');
var iconBlank = MP.maps.makeMakiIcon('', 's', '222222');
L.marker(MP.maps.minneapolisPoint, { icon: iconCinema })
.addTo(markerMap).bindPopup('Minneapolis', {
closeButton: false
});
L.marker(MP.maps.stPaulPoint, { icon: iconBlank })
.addTo(markerMap).bindPopup('St. Paul', {
closeButton: false
});
// GeoJSON example
$.getJSON('http://boundaries.minnpost.com/1.0/boundary/27-county-2010/?callback=?', function(data) {
if (data.simple_shape) {
L.geoJson(data.simple_shape, {
style: MP.maps.mapStyle,
onEachFeature: function(feature, layer) {
layer.on('mouseover', function(e) {
tooltipControl.update('Hennepin County');
});
layer.on('mouseout', function(e) {
tooltipControl.hide();
});
}
}).addTo(markerMap);
}
});
Datatables is a plugin that makes tables searchable, filterable, paged, and more. It is useful for providing lots of tabular data. The MinnPost styling of DataTables requires FontAwesome icons; please see the appropriate section on how to include it.
Table data attribution.
// Define specific about how the columns work.
var tableColumns = $.extend(true, {}, {
0: { sTitle: 'Thing' },
1: { sTitle: 'Date' },
// Makes it so that the last name column sorts on
// both last and first name
4: {
sTitle: 'Last',
aDataSort: [4, 5]
},
5: {
sTitle: 'First',
bSortable: false
},
3: {
sTitle: 'Number',
bSearchable: false,
mRender: function(data, type, full) {
return MP.formatters.integer(parseFloat(data));
}
},
2: {
sTitle: 'Money',
sClass: 'money',
bSearchable: false,
mRender: function(data, type, full) {
return MP.formatters.currency(parseFloat(data));
}
}
});
var options = $.extend(true, {}, {
aaData: yourDataHere,
aoColumns: _.values(tableColumns)
}, options);
MP.datatables.makeTable($('.datatable-example'), options);
See the StoryMap preview on this page.
There are just a few classes that are specific to MinnPost's workflow.
| Class | Description |
|---|---|
minnpost-page-container | Mimics the page container on the MinnPost site. |
minnpost-article-container | Provides a container that is the same size as a normal article page (with a sidebar). |
minnpost-full-container | Provides a container that is the same size as a full page article (without a sidebar). |


Sidebar
This sidebar is of full height (100%) and always shown.
Scroll down the page to see the result.
Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no
{% load static %}
This sidebar is of full height (100%) and always shown.
Scroll down the page to see the result.
Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no


TATTOO
SUPPLIES
BODY
JEWWLRY
PIRCING
SUPPLIES
MEDICAL
SUPPLIES
PERMANENT
SUPPLIES
FROM OUR COMMUNITY
NEW PRODUCTS
$449.99
Rook Quill Rotary Tattoo Machine - Copper
$449.99
Rook Quill Rotary Tattoo Machine - Copper
$449.99
Rook Quill Rotary Tattoo Machine - Copper
$449.99
Rook Quill Rotary Tattoo Machine - Copper
$449.99
Rook Quill Rotary Tattoo Machine - Copper
$449.99
Rook Quill Rotary Tattoo Machine - Copper
$449.99
Rook Quill Rotary Tattoo Machine - Copper


---
common-css:
- "/css/bootstrap.min.css"
- "/css/main.css"
common-ext-css:
- "//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"
common-googlefonts:
- "Lora:400,700,400italic,700italic"
- "Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800"
common-js:
- "/js/jquery-1.11.2.min.js"
- "/js/bootstrap.min.js"
- "/js/main.js"
---
{% include head.html %}
{% include nav.html %}
Please fill-in
this form and give us your feedback.
{{ content }}
Got an idea for a seminar? Or want to help out with the organisation?
Email
us and get involved!
{% include footer.html %}
{% include footer-scripts.html %}


We have content!
- synergize B2C e-tailers
- expedite virtual e-commerce
- maximize enterprise functionalities
- visualize sexy initiatives
- unleash visionary networks
- iterate open-source ROI
- target world-class e-commerce
- revolutionize customized deliverables
- target revolutionary eyeballs
- enhance 24/365 mindshare
- incubate 24/7 e-commerce