|
__tests__/factories/auditWebService.factory.ts
|
variable |
AuditWebServiceFactory |
0 %
(0/1)
|
|
__tests__/factories/loginService.factory.ts
|
variable |
LoginServiceFactory |
0 %
(0/1)
|
|
__tests__/factories/notificationsService.factory.ts
|
variable |
NotificationsServiceFactory |
0 %
(0/1)
|
|
__tests__/factories/queryIntentWebServiceFactory.ts
|
variable |
QueryIntentWebServiceFactory |
0 %
(0/1)
|
|
__tests__/factories/queryWebService.factory.ts
|
variable |
QueryWebServiceFactory |
0 %
(0/1)
|
|
__tests__/factories/searchService.factory.ts
|
variable |
SearchServiceFactory |
0 %
(0/1)
|
|
__tests__/mocks/aggregations.ts
|
variable |
AGGREGATION_BOOLEAN |
0 %
(0/1)
|
|
__tests__/mocks/aggregations.ts
|
variable |
AGGREGATION_CONCEPTS |
0 %
(0/1)
|
|
__tests__/mocks/aggregations.ts
|
variable |
AGGREGATION_GEO |
0 %
(0/1)
|
|
__tests__/mocks/aggregations.ts
|
variable |
AGGREGATION_INTEGER |
0 %
(0/1)
|
|
__tests__/mocks/aggregations.ts
|
variable |
AGGREGATION_NULL |
0 %
(0/1)
|
|
__tests__/mocks/aggregations.ts
|
variable |
AGGREGATION_SIZE |
0 %
(0/1)
|
|
__tests__/mocks/aggregations.ts
|
variable |
AGGREGATION_TIMELINE |
0 %
(0/1)
|
|
__tests__/mocks/aggregations.ts
|
variable |
AGGREGATION_TREEPATH |
0 %
(0/1)
|
|
__tests__/mocks/app.locales.config.ts
|
class |
AppLocalesConfig |
0 %
(0/4)
|
|
__tests__/mocks/app.locales.config.ts
|
variable |
localeDataDE |
0 %
(0/1)
|
|
__tests__/mocks/app.locales.config.ts
|
variable |
localeDataEN |
0 %
(0/1)
|
|
__tests__/mocks/app.locales.config.ts
|
variable |
localeDataFR |
0 %
(0/1)
|
|
__tests__/mocks/facets.ts
|
variable |
FACETS |
0 %
(0/1)
|
|
__tests__/mocks/results.ts
|
variable |
RESULTS |
0 %
(0/1)
|
|
__tests__/mocks/start.config.ts
|
variable |
startConfig |
0 %
(0/1)
|
|
__tests__/stubs/appService.stub.ts
|
variable |
AppServiceStub |
0 %
(0/1)
|
|
__tests__/stubs/router.stub.ts
|
class |
RouterStub |
0 %
(0/6)
|
|
action/action.ts
|
class |
Action |
0 %
(0/31)
|
|
action/action.ts
|
class |
IAction |
0 %
(0/29)
|
|
action/bootstrap/action-buttons/action-buttons.ts
|
component |
BsActionButtons |
0 %
(0/4)
|
|
action/bootstrap/action-buttons/action-buttons.ts
|
interface |
ActionButtonsOptions |
0 %
(0/7)
|
|
action/bootstrap/action-item-content/action-item-content.ts
|
component |
BsActionItemContent |
0 %
(0/5)
|
|
action/bootstrap/action-item/action-item.ts
|
component |
BsActionItem |
0 %
(0/16)
|
|
action/bootstrap/action-item/action-item.ts
|
interface |
ActionItemOptions |
0 %
(0/8)
|
|
action/bootstrap/action-menu/action-menu.ts
|
component |
BsActionMenu |
0 %
(0/9)
|
|
action/bootstrap/dropdown-menu/dropdown-menu.ts
|
component |
BsDropdownMenu |
0 %
(0/12)
|
|
action/bootstrap/dropdown-menu/dropdown-menu.ts
|
interface |
DropdownMenuOptions |
0 %
(0/5)
|
|
action/bootstrap/dropdown.directive.ts
|
directive |
BsDropdownDirective |
0 %
(0/8)
|
|
action/bootstrap/dropdown.directive.ts
|
function |
noop |
0 %
(0/1)
|
|
action/bootstrap/dropdown.directive.ts
|
variable |
gConfig |
0 %
(0/1)
|
|
action/bootstrap/dropdown.service.ts
|
injectable |
BsDropdownService |
0 %
(0/7)
|
|
action/bootstrap/dropdown.service.ts
|
interface |
DropdownActiveEvent |
0 %
(0/3)
|
|
action/bootstrap/dropdown.service.ts
|
interface |
DropdownClearEvent |
0 %
(0/3)
|
|
action/bootstrap/dropdown.service.ts
|
interface |
DropdownEvent |
0 %
(0/2)
|
|
action/bootstrap/dropdown.service.ts
|
interface |
DropdownToggleEvent |
0 %
(0/3)
|
|
action/bootstrap/dropdown.service.ts
|
variable |
gAttachmentMap |
0 %
(0/1)
|
|
action/bootstrap/dropdown.service.ts
|
variable |
gClassName |
0 %
(0/1)
|
|
action/bootstrap/dropdown.service.ts
|
variable |
gSelector |
0 %
(0/1)
|
|
advanced/advanced.service.ts
|
injectable |
AdvancedService |
70 %
(19/27)
|
|
advanced/advanced.service.ts
|
interface |
AdvancedFormValidators |
0 %
(0/10)
|
|
advanced/bootstrap/advanced-form-autocomplete.directive.ts
|
directive |
BsAdvancedFormAutocomplete |
72 %
(21/29)
|
|
advanced/bootstrap/advanced-form-checkbox/advanced-form-checkbox.ts
|
component |
BsAdvancedFormCheckbox |
0 %
(0/7)
|
|
advanced/bootstrap/advanced-form-input/advanced-form-input.ts
|
component |
BsAdvancedFormInput |
0 %
(0/12)
|
|
advanced/bootstrap/advanced-form-multi-input/advanced-form-autocomplete-multi-input.directive.ts
|
directive |
BsAdvancedFormAutocompleteMultiInput |
76 %
(23/30)
|
|
advanced/bootstrap/advanced-form-multi-input/advanced-form-multi-input.ts
|
component |
BsAdvancedFormMultiInput |
6 %
(1/15)
|
|
advanced/bootstrap/advanced-form-range/advanced-form-range.ts
|
component |
BsAdvancedFormRange |
0 %
(0/21)
|
|
advanced/bootstrap/advanced-form-range/date-picker/date-picker.ts
|
component |
BsDatePicker |
0 %
(0/17)
|
|
advanced/bootstrap/advanced-form-range/date-picker/date-picker.ts
|
interface |
DatePickerOptions |
0 %
(0/5)
|
|
advanced/bootstrap/advanced-form-range/date-picker/date-picker.ts
|
variable |
DATE_PICKER_VALUE_ACCESSOR |
0 %
(0/1)
|
|
advanced/bootstrap/advanced-form-range/date-range-picker/date-range-picker.ts
|
component |
BsDateRangePicker |
0 %
(0/33)
|
|
advanced/bootstrap/advanced-form-range/date-range-picker/date-range-picker.ts
|
interface |
DateRangePickerOptions |
0 %
(0/2)
|
|
advanced/bootstrap/advanced-form-range/date-range-picker/date-range-picker.ts
|
variable |
DATE_RANGE_PICKER_VALUE_ACCESSOR |
0 %
(0/1)
|
|
advanced/bootstrap/advanced-form-select/advanced-form-select.ts
|
component |
BsAdvancedFormSelect |
27 %
(3/11)
|
|
advanced/bootstrap/advanced-form-select/select/select.ts
|
component |
BsSelectComponent |
0 %
(0/20)
|
|
advanced/bootstrap/advanced-form-validation.directive.ts
|
directive |
BsAdvancedFormValidation |
0 %
(0/4)
|
|
advanced/messages/index.ts
|
variable |
deAdvanced |
0 %
(0/1)
|
|
advanced/messages/index.ts
|
variable |
enAdvanced |
0 %
(0/1)
|
|
advanced/messages/index.ts
|
variable |
frAdvanced |
0 %
(0/1)
|
|
alerts/alerts.service.ts
|
injectable |
AlertsService |
52 %
(9/17)
|
|
alerts/alerts.service.ts
|
interface |
AlertChangeEvent |
0 %
(0/3)
|
|
alerts/alerts.service.ts
|
interface |
AlertComponents |
33 %
(1/3)
|
|
alerts/alerts.service.ts
|
interface |
ManageAlertsModel |
0 %
(0/4)
|
|
alerts/alerts.service.ts
|
variable |
ALERT_CHANGE_EVENTS |
0 %
(0/1)
|
|
alerts/alerts.service.ts
|
variable |
ALERT_COMPONENTS |
0 %
(0/1)
|
|
alerts/alerts.service.ts
|
variable |
WINDOW |
0 %
(0/1)
|
|
alerts/bootstrap/alert-message/alert-message.component.ts
|
component |
BsAlertMessageComponent |
0 %
(0/2)
|
|
alerts/bootstrap/alerts-menu/alerts-menu.component.ts
|
component |
BsAlertsMenuComponent |
0 %
(0/17)
|
|
alerts/bootstrap/alerts.module.ts
|
function |
windowFactory |
0 %
(0/1)
|
|
alerts/bootstrap/edit-alert/edit-alert.ts
|
component |
BsEditAlert |
0 %
(0/18)
|
|
alerts/bootstrap/manage-alerts/manage-alerts.ts
|
component |
BsManageAlerts |
0 %
(0/15)
|
|
alerts/messages/index.ts
|
variable |
deAlerts |
0 %
(0/1)
|
|
alerts/messages/index.ts
|
variable |
enAlerts |
0 %
(0/1)
|
|
alerts/messages/index.ts
|
variable |
frAlerts |
0 %
(0/1)
|
|
autocomplete/autocomplete-field-search.directive.ts
|
directive |
AutocompleteFieldSearch |
77 %
(28/36)
|
|
autocomplete/autocomplete-field-search.directive.ts
|
interface |
FieldSearchItemsContainer |
100 %
(4/4)
|
|
autocomplete/autocomplete-field-search.directive.ts
|
interface |
ParseResult |
0 %
(0/3)
|
|
autocomplete/autocomplete.directive.ts
|
directive |
Autocomplete |
77 %
(21/27)
|
|
autocomplete/autocomplete.directive.ts
|
interface |
AutocompleteComponent |
100 %
(7/7)
|
|
autocomplete/autocomplete.directive.ts
|
interface |
AutocompleteItem |
16 %
(1/6)
|
|
autocomplete/bootstrap/autocomplete-list/autocomplete-list.ts
|
component |
BsAutocompleteList |
64 %
(9/14)
|
|
autocomplete/bootstrap/field-search-items.component.ts
|
component |
BsFieldSearchItemsComponent |
0 %
(0/7)
|
|
autocomplete/suggest.service.ts
|
injectable |
SuggestService |
33 %
(2/6)
|
|
baskets/baskets.service.ts
|
injectable |
BasketsService |
50 %
(12/24)
|
|
baskets/baskets.service.ts
|
interface |
Basket |
0 %
(0/4)
|
|
baskets/baskets.service.ts
|
interface |
BasketChangeEvent |
0 %
(0/3)
|
|
baskets/baskets.service.ts
|
interface |
BasketComponents |
25 %
(1/4)
|
|
baskets/baskets.service.ts
|
interface |
ManageBasketsModel |
0 %
(0/3)
|
|
baskets/baskets.service.ts
|
interface |
SelectBasketModel |
0 %
(0/4)
|
|
baskets/baskets.service.ts
|
variable |
BASKET_CHANGE_EVENTS |
0 %
(0/1)
|
|
baskets/baskets.service.ts
|
variable |
BASKET_COMPONENTS |
0 %
(0/1)
|
|
baskets/bootstrap/baskets-menu/baskets-menu.component.ts
|
component |
BsBasketsMenuComponent |
0 %
(0/15)
|
|
baskets/bootstrap/edit-basket/edit-basket.ts
|
component |
BsEditBasket |
0 %
(0/9)
|
|
baskets/bootstrap/facet-baskets/facet-baskets.component.ts
|
component |
BsFacetBasketsComponent |
37 %
(9/24)
|
|
baskets/bootstrap/manage-baskets/manage-baskets.ts
|
component |
BsManageBaskets |
0 %
(0/17)
|
|
baskets/bootstrap/result-baskets/result-baskets.ts
|
component |
BsResultBaskets |
14 %
(1/7)
|
|
baskets/bootstrap/select-basket/select-basket.ts
|
component |
BsSelectBasket |
0 %
(0/9)
|
|
baskets/messages/index.ts
|
variable |
deBaskets |
0 %
(0/1)
|
|
baskets/messages/index.ts
|
variable |
enBaskets |
0 %
(0/1)
|
|
baskets/messages/index.ts
|
variable |
frBaskets |
0 %
(0/1)
|
|
collapse/collapse-button.component.ts
|
component |
CollapseButton |
0 %
(0/7)
|
|
collapse/collapse-button.component.ts
|
function |
collapseButtonAnimations |
0 %
(0/1)
|
|
collapse/collapse-link.component.ts
|
component |
CollapseLink |
0 %
(0/9)
|
|
collapse/collapse-link.component.ts
|
interface |
CollapseStateChange |
0 %
(0/3)
|
|
collapse/collapse.component.ts
|
component |
Collapse |
0 %
(0/6)
|
|
collapse/collapse.component.ts
|
function |
collapseAnimations |
0 %
(0/1)
|
|
comments/comments.component.ts
|
component |
CommentsComponent |
0 %
(0/14)
|
|
comments/comments.web.service.ts
|
injectable |
CommentsWebService |
77 %
(7/9)
|
|
comments/comments.web.service.ts
|
interface |
CoreComment |
0 %
(0/7)
|
|
comments/comments.web.service.ts
|
interface |
DeletedComment |
0 %
(0/2)
|
|
comments/comments.web.service.ts
|
interface |
NormalComment |
0 %
(0/6)
|
|
comments/creation-date.pipe.ts
|
pipe |
CreationDatePipe |
0 %
(0/1)
|
|
comments/markdown.pipe.ts
|
pipe |
MarkdownPipe |
0 %
(0/1)
|
|
facet/abstract-facet.ts
|
component |
AbstractFacet |
100 %
(10/10)
|
|
facet/bootstrap/facet-bar/facet-bar.ts
|
component |
BsFacetBar |
0 %
(0/9)
|
|
facet/bootstrap/facet-card/facet-card.ts
|
component |
BsFacetCard |
35 %
(23/64)
|
|
facet/bootstrap/facet-filters/facet-filters.ts
|
component |
BsFacetFilters |
0 %
(0/16)
|
|
facet/bootstrap/facet-filters/facet-filters.ts
|
interface |
FacetFiltersConfig |
0 %
(0/1)
|
|
facet/bootstrap/facet-list/facet-list.ts
|
component |
BsFacetList |
42 %
(25/59)
|
|
facet/bootstrap/facet-list/facet-list.ts
|
interface |
FacetListConfig |
0 %
(0/2)
|
|
facet/bootstrap/facet-list/facet-list.ts
|
interface |
FacetListParams |
0 %
(0/14)
|
|
facet/bootstrap/facet-multi/facet-multi.component.ts
|
component |
BsFacetMultiComponent |
53 %
(15/28)
|
|
facet/bootstrap/facet-multi/facet-multi.component.ts
|
interface |
FacetMultiConfig |
0 %
(0/5)
|
|
facet/bootstrap/facet-mysearch/facet-mysearch.ts
|
component |
BsMySearch |
60 %
(15/25)
|
|
facet/bootstrap/facet-mysearch/facet-mysearch.ts
|
interface |
FacetMySearchConfig |
0 %
(0/2)
|
|
facet/bootstrap/facet-mysearch/facet-mysearch.ts
|
interface |
FacetMySearchParams |
0 %
(0/7)
|
|
facet/bootstrap/facet-range/facet-range.ts
|
component |
BsFacetRange |
23 %
(9/39)
|
|
facet/bootstrap/facet-range/facet-range.ts
|
interface |
FacetRangeConfig |
0 %
(0/2)
|
|
facet/bootstrap/facet-range/facet-range.ts
|
interface |
FacetRangeParams |
0 %
(0/5)
|
|
facet/bootstrap/facet-range/facet-range.ts
|
interface |
StepDef |
0 %
(0/5)
|
|
facet/bootstrap/facet-refine/facet-refine.ts
|
component |
BsRefine |
56 %
(13/23)
|
|
facet/bootstrap/facet-refine/facet-refine.ts
|
interface |
FacetRefineConfig |
0 %
(0/2)
|
|
facet/bootstrap/facet-refine/facet-refine.ts
|
interface |
FacetRefineParams |
0 %
(0/4)
|
|
facet/bootstrap/facet-tag-cloud/facet-tag-cloud.ts
|
component |
BsFacetTagCloud |
77 %
(21/27)
|
|
facet/bootstrap/facet-tag-cloud/facet-tag-cloud.ts
|
interface |
FacetTagCloudConfig |
0 %
(0/2)
|
|
facet/bootstrap/facet-tag-cloud/facet-tag-cloud.ts
|
interface |
FacetTagCloudParams |
0 %
(0/9)
|
|
facet/bootstrap/facet-tag-cloud/facet-tag-cloud.ts
|
interface |
TagCloudItem |
0 %
(0/4)
|
|
facet/bootstrap/facet-tree/facet-tree.ts
|
component |
BsFacetTree |
34 %
(18/52)
|
|
facet/bootstrap/facet-tree/facet-tree.ts
|
interface |
FacetTreeConfig |
0 %
(0/2)
|
|
facet/bootstrap/facet-tree/facet-tree.ts
|
interface |
FacetTreeParams |
0 %
(0/13)
|
|
facet/bootstrap/facet-view.directive.ts
|
directive |
FacetViewDirective |
0 %
(0/5)
|
|
facet/facet-config.ts
|
interface |
FacetConfig |
0 %
(0/9)
|
|
facet/facet-config.ts
|
variable |
default_facet_components |
0 %
(0/1)
|
|
facet/facet.service.ts
|
injectable |
FacetService |
65 %
(27/41)
|
|
facet/facet.service.ts
|
interface |
AddFilterOptions |
20 %
(1/5)
|
|
facet/facet.service.ts
|
interface |
FacetChangeEvent |
0 %
(0/3)
|
|
facet/facet.service.ts
|
interface |
FacetState |
0 %
(0/3)
|
|
facet/facet.service.ts
|
variable |
ALL_FACETS |
0 %
(0/1)
|
|
facet/facet.service.ts
|
variable |
DEFAULT_FACETS |
0 %
(0/1)
|
|
facet/facet.service.ts
|
variable |
FACET_CHANGE_EVENTS |
0 %
(0/1)
|
|
facet/messages/index.ts
|
variable |
deFacet |
0 %
(0/1)
|
|
facet/messages/index.ts
|
variable |
enFacet |
0 %
(0/1)
|
|
facet/messages/index.ts
|
variable |
frFacet |
0 %
(0/1)
|
|
feedback/bootstrap/feedback-menu/feedback-menu.ts
|
component |
BsFeedbackMenu |
0 %
(0/9)
|
|
feedback/feedback.service.ts
|
injectable |
FeedbackService |
0 %
(0/10)
|
|
feedback/feedback.service.ts
|
variable |
AuditFeedbackType |
0 %
(0/1)
|
|
feedback/messages/index.ts
|
variable |
deFeedback |
0 %
(0/1)
|
|
feedback/messages/index.ts
|
variable |
enFeedback |
0 %
(0/1)
|
|
feedback/messages/index.ts
|
variable |
frFeedback |
0 %
(0/1)
|
|
labels/bootstrap/add-label/add-label.ts
|
component |
BsAddLabel |
0 %
(0/8)
|
|
labels/bootstrap/delete-label/delete-label.ts
|
component |
BsDeleteLabel |
0 %
(0/11)
|
|
labels/bootstrap/edit-label/edit-label.ts
|
component |
BsEditLabel |
7 %
(1/13)
|
|
labels/bootstrap/labels-autocomplete/labels-autocomplete.component.ts
|
component |
BsLabelsAutocompleteComponent |
14 %
(2/14)
|
|
labels/bootstrap/labels-menu/labels-menu.component.ts
|
component |
BsLabelsMenuComponent |
0 %
(0/19)
|
|
labels/bootstrap/labels.module.ts
|
variable |
defaultLabelComponents |
0 %
(0/1)
|
|
labels/bootstrap/rename-label/rename-label.ts
|
component |
BsRenameLabel |
0 %
(0/12)
|
|
labels/label.pipe.ts
|
pipe |
LabelPipe |
0 %
(0/1)
|
|
labels/labels-autocomplete.directive.ts
|
directive |
LabelsAutocomplete |
81 %
(27/33)
|
|
labels/labels.component.ts
|
component |
Labels |
0 %
(0/13)
|
|
labels/labels.service.ts
|
injectable |
LabelsService |
15 %
(3/19)
|
|
labels/labels.service.ts
|
interface |
LabelsComponents |
0 %
(0/6)
|
|
labels/labels.service.ts
|
interface |
ModalProperties |
0 %
(0/8)
|
|
labels/labels.service.ts
|
variable |
LABELS_COMPONENTS |
0 %
(0/1)
|
|
labels/messages/index.ts
|
variable |
deLabels |
0 %
(0/1)
|
|
labels/messages/index.ts
|
variable |
enLabels |
0 %
(0/1)
|
|
labels/messages/index.ts
|
variable |
frLabels |
0 %
(0/1)
|
|
labels/result-labels.component.ts
|
component |
ResultLabels |
0 %
(0/4)
|
|
machine-learning/answer-card.component.ts
|
component |
AnswerCardComponent |
30 %
(9/30)
|
|
machine-learning/messages/index.ts
|
variable |
deML |
0 %
(0/1)
|
|
machine-learning/messages/index.ts
|
variable |
enML |
0 %
(0/1)
|
|
machine-learning/messages/index.ts
|
variable |
frML |
0 %
(0/1)
|
|
machine-learning/passage-list.component.ts
|
component |
PassageListComponent |
0 %
(0/8)
|
|
machine-learning/top-passages/top-passages.component.ts
|
component |
TopPassagesComponent |
33 %
(9/27)
|
|
metadata/messages/index.ts
|
variable |
deMetadata |
0 %
(0/1)
|
|
metadata/messages/index.ts
|
variable |
enMetadata |
0 %
(0/1)
|
|
metadata/messages/index.ts
|
variable |
frMetadata |
0 %
(0/1)
|
|
metadata/metadata-access-lists-item-single-access-list/metadata-access-lists-item-single-access-list.ts
|
component |
MetadataAccessListsItemSingleAccessList |
0 %
(0/6)
|
|
metadata/metadata-access-lists-item/metadata-access-lists-item.ts
|
component |
MetadataAccessListsItem |
0 %
(0/2)
|
|
metadata/metadata-item/metadata-item.ts
|
component |
MetadataItem |
0 %
(0/33)
|
|
metadata/metadata-item/metadata-item.ts
|
interface |
TreeValueItem |
0 %
(0/2)
|
|
metadata/metadata/metadata.ts
|
component |
Metadata |
0 %
(0/17)
|
|
modal/bootstrap/confirm.component.ts
|
component |
BsConfirm |
0 %
(0/6)
|
|
modal/bootstrap/editable/editable.ts
|
component |
BsEditable |
0 %
(0/24)
|
|
modal/bootstrap/help/help.ts
|
component |
BsHelp |
0 %
(0/9)
|
|
modal/bootstrap/login.component.ts
|
component |
BsLogin |
0 %
(0/16)
|
|
modal/bootstrap/modal-footer.component.ts
|
component |
BsModalFooter |
0 %
(0/9)
|
|
modal/bootstrap/modal-header.component.ts
|
component |
BsModalHeader |
0 %
(0/6)
|
|
modal/bootstrap/modal.component.ts
|
component |
BsModal |
0 %
(0/6)
|
|
modal/bootstrap/override-user/override-user.ts
|
component |
BsOverrideUser |
0 %
(0/8)
|
|
modal/bootstrap/prompt.component.ts
|
component |
BsPrompt |
0 %
(0/9)
|
|
notification/bootstrap/notification/notification.ts
|
component |
BsNotification |
0 %
(0/6)
|
|
notification/bootstrap/notification/notification.ts
|
function |
notificationAnimations |
0 %
(0/1)
|
|
notification/bootstrap/notifications-manager/notifications-manager.ts
|
component |
BsNotificationsManager |
0 %
(0/9)
|
|
notification/bootstrap/notifications/notifications.ts
|
component |
BsNotifications |
0 %
(0/6)
|
|
preview/bootstrap/facet-preview-2/facet-preview.component.ts
|
component |
BsFacetPreviewComponent2 |
29 %
(11/37)
|
|
preview/bootstrap/facet-preview-2/facet-preview.component.ts
|
variable |
DEFAULT_EXTRACTS |
0 %
(0/1)
|
|
preview/bootstrap/facet-preview/facet-preview.ts
|
component |
BsFacetPreview |
0 %
(0/14)
|
|
preview/bootstrap/preview-entity-facet/preview-entity-facet.component.ts
|
component |
BsPreviewEntityFacetComponent |
55 %
(20/36)
|
|
preview/bootstrap/preview-entity-panel/preview-entity-panel.component.ts
|
component |
BsPreviewEntityPanelComponent |
76 %
(13/17)
|
|
preview/bootstrap/preview-extracts-panel/preview-extracts-panel.component.ts
|
component |
BsPreviewExtractsPanelComponent |
29 %
(5/17)
|
|
preview/bootstrap/preview-highlights/preview-highlights.ts
|
component |
BsPreviewHighlights |
8 %
(2/24)
|
|
preview/bootstrap/preview-highlights/preview-highlights.ts
|
class |
FilteredHighlightDataPerLocation |
0 %
(0/4)
|
|
preview/bootstrap/preview-highlights/preview-highlights.ts
|
class |
SimpleHighlightCategoryFilterState |
0 %
(0/4)
|
|
preview/bootstrap/preview-highlights/preview-highlights.ts
|
class |
SimpleHighlightNavigationState |
0 %
(0/4)
|
|
preview/bootstrap/preview-highlights/preview-highlights.ts
|
interface |
HighlightNavigationState |
0 %
(0/3)
|
|
preview/bootstrap/preview-links/preview-links.ts
|
component |
BsPreviewLinks |
0 %
(0/7)
|
|
preview/bootstrap/preview-minimap/preview-minimap.component.ts
|
component |
BsPreviewMinimapComponent |
14 %
(1/7)
|
|
preview/bootstrap/preview-page-form/preview-page-form.component.ts
|
component |
BsPreviewPageFormComponent |
0 %
(0/8)
|
|
preview/bootstrap/preview-pages-panel/preview-pages-panel.component.ts
|
component |
BsPreviewPagesPanelComponent |
0 %
(0/22)
|
|
preview/bootstrap/preview-panel/preview-panel.ts
|
component |
BsPreviewPanel |
0 %
(0/12)
|
|
preview/bootstrap/preview-popup/preview-popup.ts
|
component |
BsPreviewPopup |
0 %
(0/10)
|
|
preview/bootstrap/preview-popup/preview-popup.ts
|
interface |
PreviewPopupModel |
0 %
(0/5)
|
|
preview/bootstrap/preview-search-form/preview-search-form.component.ts
|
component |
BsPreviewSearchFormComponent |
25 %
(2/8)
|
|
preview/bootstrap/result-link-preview/result-link-preview.ts
|
component |
BsResultLinkPreview |
0 %
(0/14)
|
|
preview/bootstrap/similar-documents/similar-documents.ts
|
component |
BsSimilarDocuments |
0 %
(0/7)
|
|
preview/messages/index.ts
|
variable |
dePreview |
0 %
(0/1)
|
|
preview/messages/index.ts
|
variable |
enPreview |
0 %
(0/1)
|
|
preview/messages/index.ts
|
variable |
frPreview |
0 %
(0/1)
|
|
preview/preview-document-iframe.component.ts
|
component |
PreviewDocumentIframe |
5 %
(1/20)
|
|
preview/preview-document.ts
|
class |
PreviewDocument |
83 %
(10/12)
|
|
preview/preview-document.ts
|
interface |
HighlightCategoryFilterState |
0 %
(0/3)
|
|
preview/preview-document.ts
|
function |
forEach |
0 %
(0/1)
|
|
preview/preview-tooltip.component.ts
|
component |
PreviewTooltip |
33 %
(10/30)
|
|
preview/preview.service.ts
|
class |
Extract |
0 %
(0/5)
|
|
preview/preview.service.ts
|
injectable |
PreviewService |
28 %
(4/14)
|
|
preview/preview.service.ts
|
interface |
PreviewEvent |
0 %
(0/4)
|
|
preview/preview.service.ts
|
variable |
PREVIEW_MODAL |
0 %
(0/1)
|
|
public-api.ts
|
variable |
sinequaComponentsModule |
0 %
(0/1)
|
|
result/messages/index.ts
|
variable |
deResult |
0 %
(0/1)
|
|
result/messages/index.ts
|
variable |
enResult |
0 %
(0/1)
|
|
result/messages/index.ts
|
variable |
frResult |
0 %
(0/1)
|
|
result/result-extracts/result-extracts.ts
|
component |
ResultExtracts |
0 %
(0/11)
|
|
result/result-icon/result-icon.ts
|
component |
ResultIcon |
100 %
(3/3)
|
|
result/result-missing-terms/result-missing-terms.ts
|
component |
ResultMissingTerms |
0 %
(0/4)
|
|
result/result-source/result-source.ts
|
component |
ResultSource |
0 %
(0/12)
|
|
result/result-thumbnail/result-thumbnail.ts
|
component |
ResultThumbnail |
0 %
(0/9)
|
|
result/result-title/result-title.ts
|
component |
ResultTitle |
50 %
(6/12)
|
|
result/results-counter/results-counter.ts
|
component |
ResultsCounter |
0 %
(0/2)
|
|
result/sponsored-results/sponsored-results.ts
|
component |
SponsoredResults |
0 %
(0/8)
|
|
result/user-rating/user-rating.ts
|
component |
UserRating |
0 %
(0/20)
|
|
results-view/bootstrap/results-grid-view/results-grid-view.ts
|
component |
BsResultsGridView |
0 %
(0/19)
|
|
results-view/bootstrap/results-grid-view/results-grid-view.ts
|
interface |
Column |
0 %
(0/6)
|
|
results-view/bootstrap/results-grid-view/results-grid-view.ts
|
interface |
ColumnData |
0 %
(0/7)
|
|
results-view/bootstrap/results-grid-view/results-grid-view.ts
|
interface |
GridView |
0 %
(0/2)
|
|
results-view/bootstrap/results-view-selector/results-view-selector.ts
|
component |
BsResultsViewSelector |
0 %
(0/12)
|
|
results-view/messages/index.ts
|
variable |
deResultsView |
0 %
(0/1)
|
|
results-view/messages/index.ts
|
variable |
enResultsView |
0 %
(0/1)
|
|
results-view/messages/index.ts
|
variable |
frResultsView |
0 %
(0/1)
|
|
results-view/results-view.service.ts
|
injectable |
ResultsViewService |
71 %
(5/7)
|
|
results-view/results-view.service.ts
|
interface |
ResultsView |
100 %
(8/8)
|
|
results-view/results-view.service.ts
|
interface |
ResultsViewAfterSelectEvent |
0 %
(0/3)
|
|
results-view/results-view.service.ts
|
interface |
ResultsViewBeforeSelectEvent |
0 %
(0/4)
|
|
results-view/results-view.service.ts
|
interface |
ResultsViewEvent |
0 %
(0/2)
|
|
results-view/results-view.service.ts
|
interface |
ResultsViewSelectCancelledEvent |
0 %
(0/3)
|
|
results-view/results-view.service.ts
|
variable |
DEFAULT_VIEW |
0 %
(0/1)
|
|
results-view/results-view.service.ts
|
variable |
RESULTS_VIEWS |
0 %
(0/1)
|
|
rfm/bootstrap/rfm-action/rfm-action.ts
|
component |
BsRfmAction |
0 %
(0/15)
|
|
rfm/rfm.service.ts
|
injectable |
RFMService |
0 %
(0/11)
|
|
rfm/rfm.service.ts
|
interface |
Action |
0 %
(0/7)
|
|
rfm/rfm.service.ts
|
interface |
RFMEvent |
0 %
(0/2)
|
|
saved-queries/bootstrap/edit-saved-query/edit-saved-query.ts
|
component |
BsEditSavedQuery |
0 %
(0/9)
|
|
saved-queries/bootstrap/export-query/export-query.ts
|
component |
BsExportQuery |
26 %
(5/19)
|
|
saved-queries/bootstrap/export-query/export-query.ts
|
interface |
CCQueryExport |
0 %
(0/9)
|
|
saved-queries/bootstrap/export-query/export-query.ts
|
interface |
CCQueryExportColumnDef |
0 %
(0/4)
|
|
saved-queries/bootstrap/facet-recent-documents/facet-recent-documents.ts
|
component |
BsFacetRecentDocuments |
37 %
(9/24)
|
|
saved-queries/bootstrap/facet-recent-queries/facet-recent-queries.ts
|
component |
BsFacetRecentQueries |
34 %
(9/26)
|
|
saved-queries/bootstrap/facet-saved-queries/facet-saved-queries.ts
|
component |
BsFacetSavedQueries |
39 %
(9/23)
|
|
saved-queries/bootstrap/manage-saved-queries/manage-saved-queries.ts
|
component |
BsManageSavedQueries |
0 %
(0/15)
|
|
saved-queries/bootstrap/query-exporter/query-exporter.ts
|
component |
BsQueryExporter |
42 %
(3/7)
|
|
saved-queries/bootstrap/saved-queries-menu/saved-queries-menu.component.ts
|
component |
BsSavedQueriesMenuComponent |
0 %
(0/17)
|
|
saved-queries/messages/index.ts
|
variable |
deSavedQueries |
0 %
(0/1)
|
|
saved-queries/messages/index.ts
|
variable |
enSavedQueries |
0 %
(0/1)
|
|
saved-queries/messages/index.ts
|
variable |
frSavedQueries |
0 %
(0/1)
|
|
saved-queries/recent-documents.service.ts
|
injectable |
RecentDocumentsService |
33 %
(3/9)
|
|
saved-queries/recent-documents.service.ts
|
interface |
RecentDocument |
33 %
(3/9)
|
|
saved-queries/recent-documents.service.ts
|
interface |
RecentDocumentChangeEvent |
0 %
(0/3)
|
|
saved-queries/recent-documents.service.ts
|
variable |
MAX_DOCUMENTS |
0 %
(0/1)
|
|
saved-queries/recent-documents.service.ts
|
variable |
RECENT_DOCUMENTS_CHANGE_EVENTS |
0 %
(0/1)
|
|
saved-queries/recent-queries.service.ts
|
injectable |
RecentQueriesService |
30 %
(3/10)
|
|
saved-queries/recent-queries.service.ts
|
interface |
RecentQuery |
0 %
(0/3)
|
|
saved-queries/recent-queries.service.ts
|
interface |
RecentQueryChangeEvent |
0 %
(0/3)
|
|
saved-queries/recent-queries.service.ts
|
variable |
MAX_QUERIES |
0 %
(0/1)
|
|
saved-queries/recent-queries.service.ts
|
variable |
RECENT_QUERIES_CHANGE_EVENTS |
0 %
(0/1)
|
|
saved-queries/saved-queries.service.ts
|
injectable |
SavedQueriesService |
37 %
(10/27)
|
|
saved-queries/saved-queries.service.ts
|
interface |
ExportQueryModel |
0 %
(0/7)
|
|
saved-queries/saved-queries.service.ts
|
interface |
ManageSavedQueriesModel |
0 %
(0/3)
|
|
saved-queries/saved-queries.service.ts
|
interface |
SavedQuery |
0 %
(0/4)
|
|
saved-queries/saved-queries.service.ts
|
interface |
SavedQueryChangeEvent |
0 %
(0/3)
|
|
saved-queries/saved-queries.service.ts
|
interface |
SavedQueryComponents |
25 %
(1/4)
|
|
saved-queries/saved-queries.service.ts
|
variable |
SAVED_QUERIES_CHANGE_EVENTS |
0 %
(0/1)
|
|
saved-queries/saved-queries.service.ts
|
variable |
SAVEDQUERY_COMPONENTS |
0 %
(0/1)
|
|
search/bootstrap/breadcrumbs/breadcrumbs.ts
|
component |
BsBreadcrumbs |
0 %
(0/10)
|
|
search/bootstrap/did-you-mean/did-you-mean.ts
|
component |
BsDidYouMean |
0 %
(0/9)
|
|
search/bootstrap/load-more/load-more.ts
|
component |
BsLoadMore |
0 %
(0/8)
|
|
search/bootstrap/loading-bar/loading-bar.ts
|
component |
BsLoadingBar |
20 %
(1/5)
|
|
search/bootstrap/page-size-selector/page-size-selector.ts
|
component |
BsPageSizeSelector |
11 %
(1/9)
|
|
search/bootstrap/pager/pager.ts
|
component |
BsPager |
0 %
(0/18)
|
|
search/bootstrap/pager/pager.ts
|
class |
Item |
0 %
(0/6)
|
|
search/bootstrap/scope/scope.component.ts
|
component |
BsScopeComponent |
0 %
(0/11)
|
|
search/bootstrap/scroller/scroller.ts
|
component |
BsScroller |
0 %
(0/9)
|
|
search/bootstrap/sort-selector/sort-selector.ts
|
component |
BsSortSelector |
0 %
(0/10)
|
|
search/bootstrap/tabs/tabs.ts
|
component |
BsTabs |
25 %
(3/12)
|
|
search/breadcrumbs.ts
|
class |
Breadcrumbs |
7 %
(1/13)
|
|
search/breadcrumbs.ts
|
interface |
BreadcrumbsItem |
0 %
(0/6)
|
|
search/first-page.service.ts
|
injectable |
FirstPageService |
16 %
(1/6)
|
|
search/first-page.service.ts
|
interface |
FirstPageOptions |
0 %
(0/2)
|
|
search/first-page.service.ts
|
variable |
FIRST_PAGE_OPTIONS |
0 %
(0/1)
|
|
search/search.service.ts
|
injectable |
SearchService |
4 %
(2/45)
|
|
search/search.service.ts
|
interface |
AddSelectOptions |
0 %
(0/4)
|
|
search/search.service.ts
|
interface |
AfterSelectTabEvent |
0 %
(0/3)
|
|
search/search.service.ts
|
interface |
BeforeNewResultsEvent |
0 %
(0/3)
|
|
search/search.service.ts
|
interface |
BeforeSearchEvent |
0 %
(0/4)
|
|
search/search.service.ts
|
interface |
BeforeSelectTabEvent |
0 %
(0/3)
|
|
search/search.service.ts
|
interface |
ClearEvent |
0 %
(0/3)
|
|
search/search.service.ts
|
interface |
Event |
0 %
(0/2)
|
|
search/search.service.ts
|
interface |
GetResultsOptions |
0 %
(0/4)
|
|
search/search.service.ts
|
interface |
HistoryState |
0 %
(0/3)
|
|
search/search.service.ts
|
interface |
MakeAuditEventEvent |
0 %
(0/3)
|
|
search/search.service.ts
|
interface |
MakeQueryEvent |
0 %
(0/3)
|
|
search/search.service.ts
|
interface |
MakeQueryIntentDataEvent |
0 %
(0/3)
|
|
search/search.service.ts
|
interface |
NavigationOptions |
0 %
(0/9)
|
|
search/search.service.ts
|
interface |
NewQueryEvent |
0 %
(0/3)
|
|
search/search.service.ts
|
interface |
NewQueryIntentsEvent |
0 %
(0/5)
|
|
search/search.service.ts
|
interface |
NewResultsEvent |
0 %
(0/3)
|
|
search/search.service.ts
|
interface |
OpenOriginalDocument |
0 %
(0/3)
|
|
search/search.service.ts
|
interface |
ProcessQueryIntentActionEvent |
0 %
(0/6)
|
|
search/search.service.ts
|
interface |
SearchOptions |
85 %
(6/7)
|
|
search/search.service.ts
|
interface |
SetResultsOptions |
0 %
(0/3)
|
|
search/search.service.ts
|
interface |
UpdateQueryEvent |
0 %
(0/3)
|
|
search/search.service.ts
|
variable |
DefaultPageSize |
0 %
(0/1)
|
|
search/search.service.ts
|
variable |
SEARCH_OPTIONS |
0 %
(0/1)
|
|
selection/bootstrap/result-selector/result-selector.ts
|
component |
BsResultSelector |
0 %
(0/4)
|
|
selection/bootstrap/results-selector/results-selector.ts
|
component |
BsResultsSelector |
0 %
(0/6)
|
|
selection/bootstrap/selection-arranger/selection-arranger.component.ts
|
component |
BsSelectionArranger |
30 %
(3/10)
|
|
selection/messages/index.ts
|
variable |
deSelection |
0 %
(0/1)
|
|
selection/messages/index.ts
|
variable |
enSelection |
0 %
(0/1)
|
|
selection/messages/index.ts
|
variable |
frSelection |
0 %
(0/1)
|
|
selection/selection.service.ts
|
injectable |
SelectionService |
38 %
(5/13)
|
|
selection/selection.service.ts
|
interface |
SelectionEvent |
0 %
(0/4)
|
|
selection/selection.service.ts
|
interface |
SelectionItem |
0 %
(0/2)
|
|
selection/selection.service.ts
|
interface |
SelectionOptions |
25 %
(1/4)
|
|
selection/selection.service.ts
|
variable |
defaultSelectionOptions |
0 %
(0/1)
|
|
selection/selection.service.ts
|
variable |
SELECTION_OPTIONS |
0 %
(0/1)
|
|
slide-builder/messages/index.ts
|
variable |
deSlideBuilder |
0 %
(0/1)
|
|
slide-builder/messages/index.ts
|
variable |
enSlideBuilder |
0 %
(0/1)
|
|
slide-builder/messages/index.ts
|
variable |
frSlideBuilder |
0 %
(0/1)
|
|
slide-builder/slide-builder.component.ts
|
component |
SlideBuilderComponent |
33 %
(9/27)
|
|
slide-builder/slide-list.component.ts
|
component |
SlideListComponent |
9 %
(1/11)
|
|
slide-builder/slide-tile.component.ts
|
component |
SlideTileComponent |
0 %
(0/6)
|
|
status-bar/bootstrap/fullscreen-activator/fullscreen-activator.ts
|
component |
BsFullscreenActivator |
0 %
(0/11)
|
|
status-bar/bootstrap/network-activity/network-activity.ts
|
component |
BsNetworkActivity |
0 %
(0/9)
|
|
theme-toggle/theme-toggle.component.ts
|
component |
BsThemeToggleComponent |
9 %
(1/11)
|
|
user-settings/bootstrap/edit-user-settings/edit-user-settings.ts
|
component |
BsEditUserSettings |
11 %
(1/9)
|
|
user-settings/bootstrap/user-menu/user-menu.component.ts
|
component |
BsUserMenuComponent |
2 %
(1/40)
|
|
user-settings/bootstrap/user-menu/user-menu.component.ts
|
variable |
APP_HELP_FOLDER_OPTIONS |
100 %
(1/1)
|
|
user-settings/bootstrap/user-settings-editor/jsonInfo.model.ts
|
interface |
Entry |
0 %
(0/10)
|
|
user-settings/bootstrap/user-settings-editor/jsonInfo.model.ts
|
interface |
EntryInput |
0 %
(0/2)
|
|
user-settings/bootstrap/user-settings-editor/jsonInfo.model.ts
|
interface |
MultiEntryInput |
0 %
(0/4)
|
|
user-settings/bootstrap/user-settings-editor/jsonInfo.model.ts
|
interface |
RangeInput |
0 %
(0/2)
|
|
user-settings/bootstrap/user-settings-editor/user-settings-editor.ts
|
component |
BsUserSettingsEditor |
22 %
(2/9)
|
|
user-settings/messages/index.ts
|
variable |
deUserSettings |
0 %
(0/1)
|
|
user-settings/messages/index.ts
|
variable |
enUserSettings |
0 %
(0/1)
|
|
user-settings/messages/index.ts
|
variable |
frUserSettings |
0 %
(0/1)
|
|
user-settings/user-preferences.ts
|
injectable |
UserPreferences |
83 %
(5/6)
|
|
utils/directives/autofocus.ts
|
directive |
Autofocus |
0 %
(0/5)
|
|
utils/directives/click-outside.ts
|
directive |
ClickOutside |
0 %
(0/10)
|
|
utils/directives/click-outside.ts
|
interface |
ClickOutsideOptions |
0 %
(0/2)
|
|
utils/directives/focus-key-list-item.directive.ts
|
directive |
FocusKeyListItemDirective |
0 %
(0/7)
|
|
utils/directives/focus-key-list.directive.ts
|
directive |
FocusKeyListDirective |
0 %
(0/11)
|
|
utils/directives/resize-event.directive.ts
|
directive |
ResizeEventDirective |
0 %
(0/5)
|
|
utils/directives/scroll-into-view.ts
|
directive |
ScrollIntoView |
0 %
(0/4)
|
|
utils/directives/scroll-into-view.ts
|
interface |
ScrollIntoViewOptions |
0 %
(0/3)
|
|
utils/directives/sticky.ts
|
component |
StickyComponent |
0 %
(0/13)
|
|
utils/directives/tooltip/tooltip.component.ts
|
component |
TooltipComponent |
0 %
(0/2)
|
|
utils/directives/tooltip/tooltip.directive.ts
|
directive |
TooltipDirective |
0 %
(0/16)
|
|
utils/messages/index.ts
|
variable |
deUtils |
0 %
(0/1)
|
|
utils/messages/index.ts
|
variable |
enUtils |
0 %
(0/1)
|
|
utils/messages/index.ts
|
variable |
frUtils |
0 %
(0/1)
|
|
utils/pipes/date-fns.pipe.ts
|
interface |
DateParams |
14 %
(1/7)
|
|
utils/pipes/date-fns.pipe.ts
|
pipe |
DateFnsPipe |
0 %
(0/1)
|
|
utils/pipes/date-fns.pipe.ts
|
variable |
differenceIn |
0 %
(0/1)
|
|
utils/pipes/date-pipe.ts
|
pipe |
DatePipe |
0 %
(0/1)
|
|
utils/pipes/expr-pipe.ts
|
pipe |
ExprPipe |
0 %
(0/1)
|
|
utils/pipes/memory-size-pipe.ts
|
pipe |
MemorySizePipe |
100 %
(1/1)
|
|
utils/pipes/moment-pipe.ts
|
pipe |
MomentPipe |
0 %
(0/1)
|
|
utils/pipes/number-pipe.ts
|
pipe |
NumberPipe |
0 %
(0/1)
|
|
utils/pipes/relative-time-pipe.ts
|
pipe |
RelativeTimePipe |
0 %
(0/1)
|
|
utils/pipes/time-pipe.ts
|
pipe |
TimePipe |
0 %
(0/1)
|
|
utils/pipes/value-pipe.ts
|
pipe |
ValuePipe |
0 %
(0/1)
|
|
utils/ui.service.ts
|
injectable |
UIService |
0 %
(0/29)
|
|
utils/ui.service.ts
|
interface |
CaretPosition |
0 %
(0/3)
|
|
utils/ui.service.ts
|
variable |
SCREEN_SIZE_RULES |
0 %
(0/1)
|
|
utils/utils.module.ts
|
variable |
defaultScreenSizeRules |
0 %
(0/1)
|
|
utils/voice-recognition/voice-recongnition.service.ts
|
injectable |
VoiceRecognitionService |
0 %
(0/14)
|
|
utils/voice-recognition/voice-recongnition.service.ts
|
variable |
webkitSpeechRecognition |
0 %
(0/1)
|


Shopaholic
Home
Shop
Contact
Cart
(2)
(0)
Login
Wish List
Home
Wish List
Your Wish List
Product
Price
Red digital smartwatch
$250
Apple watch
$250
Continue shopping
Procceed to checkout
List total
Total
$250


The iron butterfly can be long or short.
The long iron butterfly is a limited-reward-limited-risk strategy. The payoff is
$$ \begin{array}{rcll} C^{OTM}_T & = & (S_T - K^C_{OTM})^{+}\\ C^{ATM}_T & = & (S_T - K^C_{ATM})^{+}\\ P^{OTM}_T & = & (K^P_{OTM} - S_T)^{+}\\ P^{ATM}_T & = & (K^P_{ATM} - S_T)^{+}\\ P_T & = & (C^{ATM}_T + P^{ATM}_T - C^{OTM}_T - P^{OTM}_T - C^{ATM}_0 - P^{ATM}_0 + C^{OTM}_0 + P^{OTM}_0)\times m - fee \end{array} $$ $$ \begin{array}{rcll} \textrm{where} & C^{OTM}_T & = & \textrm{OTM call value at time T}\\ & C^{ATM}_T & = & \textrm{ATM call value at time T}\\ & P^{OTM}_T & = & \textrm{OTM put value at time T}\\ & P^{ATM}_T & = & \textrm{ATM put value at time T}\\ & S_T & = & \textrm{Underlying asset price at time T}\\ & K^C_{OTM} & = & \textrm{OTM call strike price}\\ & K^C_{ATM} & = & \textrm{ATM call strike price}\\ & K^P_{OTM} & = & \textrm{OTM put strike price}\\ & K^P_{ATM} & = & \textrm{ATM put strike price}\\ & P_T & = & \textrm{Payout total at time T}\\ & C^{OTM}_0 & = & \textrm{OTM call value at position opening (credit received)}\\ & C^{ATM}_0 & = & \textrm{ATM call value at position opening (debit paid)}\\ & P^{OTM}_0 & = & \textrm{OTM put value at position opening (credit received)}\\ & P^{ATM}_0 & = & \textrm{ATM put value at position opening (debit paid)}\\ & m & = & \textrm{Contract multiplier}\\ & T & = & \textrm{Time of expiration} \end{array} $$The following chart shows the payoff at expiration:
The maximum profit is $K^C_{OTM} - K^C_{ATM} - C^{ATM}_0 - P^{ATM}_0 + C^{OTM}_0 + P^{OTM}_0$. It occurs when the underlying price is below the OTM put strike price or above the OTM call strike price at expiration.
The maximum loss is the net debit paid, $C^{OTM}_0 + P^{OTM}_0 - C^{ATM}_0 - P^{ATM}_0$. It occurs when the underlying price stays the same as when you opened the trade.
If the Option is American Option, there is a risk of early assignment on the sold contracts.
The short call butterfly is a limited-reward-limited-risk strategy. The payoff is
$$ \begin{array}{rcll} C^{OTM}_T & = & (S_T - K^C_{OTM})^{+}\\ C^{ATM}_T & = & (S_T - K^C_{ATM})^{+}\\ P^{OTM}_T & = & (K^P_{OTM} - S_T)^{+}\\ P^{ATM}_T & = & (K^P_{ATM} - S_T)^{+}\\ P_T & = & (C^{OTM}_T + P^{OTM}_T - C^{ATM}_T - P^{ATM}_T - C^{OTM}_0 - P^{OTM}_0 + C^{ATM}_0 + P^{ATM}_0)\times m - fee \end{array} $$ $$ \begin{array}{rcll} \textrm{where} & C^{OTM}_T & = & \textrm{OTM call value at time T}\\ & C^{ATM}_T & = & \textrm{ATM call value at time T}\\ & P^{OTM}_T & = & \textrm{OTM put value at time T}\\ & P^{ATM}_T & = & \textrm{ATM put value at time T}\\ & S_T & = & \textrm{Underlying asset price at time T}\\ & K^C_{OTM} & = & \textrm{OTM call strike price}\\ & K^C_{ATM} & = & \textrm{ATM call strike price}\\ & K^P_{OTM} & = & \textrm{OTM put strike price}\\ & K^P_{ATM} & = & \textrm{ATM put strike price}\\ & P_T & = & \textrm{Payout total at time T}\\ & C^{OTM}_0 & = & \textrm{OTM call value at position opening (debit paid)}\\ & C^{ATM}_0 & = & \textrm{ATM call value at position opening (credit received)}\\ & P^{OTM}_0 & = & \textrm{OTM put value at position opening (debit paid)}\\ & P^{ATM}_0 & = & \textrm{ATM put value at position opening (credit received)}\\ & m & = & \textrm{Contract multiplier}\\ & T & = & \textrm{Time of expiration} \end{array} $$The following chart shows the payoff at expiration:
The maximum profit is the net credit received, $C^{ATM}_0 + P^{ATM}_0 - C^{OTM}_0 - P^{OTM}_0$. It occurs when the underlying price stays the same as when you opened the trade.
The maximum loss is $K^C_{OTM} - K^C_{ATM} - C^{ATM}_0 - P^{ATM}_0 + C^{OTM}_0 + P^{OTM}_0$. It occurs when the underlying price is below the OTM put strike price or above the OTM call strike price at expiration.
If the Option is American Option, there is a risk of early assignment on the sold contracts.


Trader Groot:
Although I am too old for battle I am satisfied in knowing that my talents may be of help in protecting Giran. This is all thanks to you. Please give
Ascalon
my regards when you see him.


--- layout: nav_menu_item title: '' date: 2013-05-21 18:36:19.000000000 -04:00 type: nav_menu_item published: true status: publish categories: [] tags: [] meta: _menu_item_type: post_type _menu_item_menu_item_parent: '0' _menu_item_object_id: '715' _menu_item_object: page _menu_item_target: '' _menu_item_classes: a:1:{i:0;s:0:"";} _menu_item_xfn: '' _menu_item_url: '' author: login: sophie email<EMAIL_ADDRESS>display_name: Pika first_name: '' last_name: '' ---
In cooking, as in life, I try to keep it simple because as a high school senior freshman sophomore in college, life is often more than complicated. Although baking is my forte, I enjoy making dinner on occasion, with an emphasis on fresh and healthy foods. I love cats and plants, and cute things make me happy. “Mon Petit Chou” is a french term of endearment which translates directly to “My Little Cabbage” ( the French language never fails to amuse me). For those of you who know me, it is a pun on both my name and my size. Eating views: I am an omnivore but I try to cook vegetarian when I can.


I live in Atlanta, Georgia, but as an Army brat I moved around often as a child. I always saw moving around as an adventure. As an adult, I'm happiest when I'm exploring a neighborhood, city, or country.
Currently, my favorite city to visit is Los Angeles. Even though the traffic is as bad as they say, I love the variety of museums, beaches, and cultural events the city offers. I visit twice a year and stay with friends.
Fun fact: I have traveled to Germany, China, Cambodia, and the Philippines, in addition to various cities across the United States. My favorite international destination (so far) is Cebu City in the Philippines.


Animating
Rearrangements can be animated when the container is resized.
jQuery
To animate Masonry layout changes with jQuery, set the isAnimated
option to true
.
$('#container').masonry({
// options...
isAnimated: true
});
See Demo: Animating with jQuery.
You can pass in jQuery animation options are set with the animationOptions
option.
$('#container').masonry({
// options...
isAnimated: true,
animationOptions: {
duration: 750,
easing: 'linear',
queue: false
}
});
CSS transitions
Alternatively, you can rely on CSS3 transitions to animate layout rearrangements. Enabling transitions is recommended, as they provide for better browser performance over jQuery animation.
In your CSS, add transition styles below. The Masonry plugin will add a class of masonry
to the container after the first arrangement so transitions can be applied afterward. Item elements will have a class of masonry-brick
added.
See Demo: Animating with CSS transitions.
/**** Transitions ****/
.masonry,
.masonry .masonry-brick {
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}
.masonry {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.masonry .masonry-brick {
-webkit-transition-property: left, right, top;
-moz-transition-property: left, right, top;
-ms-transition-property: left, right, top;
-o-transition-property: left, right, top;
transition-property: left, right, top;
}
Modernizr
To get the best of both worlds, you can use Modernizr to detect browser support for CSS transitions. Add the transitions styles above, then enable animated
based on Modernizr’s detected support for transitions. This will allow browsers that support CSS transitions to use them, and browsers without support to use jQuery animation.
See Demo: Animating with Modernizr.
$('#container').masonry({
// options...
isAnimated: !Modernizr.csstransitions
});


ProveIt is a decentralized application, or ĐApp, powered by EtherCore. Its value proposition is simple: users gain the ability to prove that they said or possessed something, anything, without the need to rely on a trusted intermediary.
VisitGive your EtherCore address a name that will appear in the explorer or other services supporting ENS.
VisitThis allows a contract on the EtherCore network to accept and verify BTC payments.
More Info


Introduction to geospatial vector data in Python¶
import pandas as pd
import geopandas as gpd
import matplotlib.pyplot as plt
Importing geospatial data¶
Geospatial data is often available from specific GIS file formats or data stores, like ESRI shapefiles, GeoJSON files, geopackage files, PostGIS (PostgreSQL) database, …
We can use the GeoPandas library to read many of those GIS file formats (relying on the fiona
library under the hood, which is an interface to GDAL/OGR), using the geopandas.read_file()
function.
For example, let’s start by reading a shapefile with all the countries of the world (adapted from http://www.naturalearthdata.com/downloads/110m-cultural-vectors/110m-admin-0-countries/, zip file is available in the /data
directory), and inspect the data:
# read data
data = gpd.read_file("zip://../data/ne_110m_admin_0_countries.zip")
data.head()
| iso_a3 | name | continent | pop_est | gdp_md_est | geometry | |
|---|---|---|---|---|---|---|
| 0 | AFG | Afghanistan | Asia | 34124811.0 | 64080.0 | POLYGON ((61.21082 35.65007, 62.23065 35.27066... |
| 1 | AGO | Angola | Africa | 29310273.0 | 189000.0 | MULTIPOLYGON (((23.90415 -11.72228, 24.07991 -... |
| 2 | ALB | Albania | Europe | 3047987.0 | 33900.0 | POLYGON ((21.02004 40.84273, 20.99999 40.58000... |
| 3 | ARE | United Arab Emirates | Asia | 6072475.0 | 667200.0 | POLYGON ((51.57952 24.24550, 51.75744 24.29407... |
| 4 | ARG | Argentina | South America | 44293293.0 | 879400.0 | MULTIPOLYGON (((-66.95992 -54.89681, -67.56244... |
# reading shape files
# countries = data = gpd.read_file(r'../shapefiles/world.shp')
Exploring Data¶
# type of dataframe
type(data)
geopandas.geodataframe.GeoDataFrame
# shape
data.shape
(177, 6)
# dtypes
data.dtypes
iso_a3 object
name object
continent object
pop_est float64
gdp_md_est float64
geometry geometry
dtype: object
# columns
data.columns
Index(['iso_a3', 'name', 'continent', 'pop_est', 'gdp_md_est', 'geometry'], dtype='object')
# info
data.info()
<class 'geopandas.geodataframe.GeoDataFrame'>
RangeIndex: 177 entries, 0 to 176
Data columns (total 6 columns):
# Column Non-Null Count Dtype
--- ------ -------------- -----
0 iso_a3 177 non-null object
1 name 177 non-null object
2 continent 177 non-null object
3 pop_est 177 non-null float64
4 gdp_md_est 177 non-null float64
5 geometry 177 non-null geometry
dtypes: float64(2), geometry(1), object(3)
memory usage: 8.4+ KB
data.head()
| iso_a3 | name | continent | pop_est | gdp_md_est | geometry | |
|---|---|---|---|---|---|---|
| 0 | AFG | Afghanistan | Asia | 34124811.0 | 64080.0 | POLYGON ((61.21082 35.65007, 62.23065 35.27066... |
| 1 | AGO | Angola | Africa | 29310273.0 | 189000.0 | MULTIPOLYGON (((23.90415 -11.72228, 24.07991 -... |
| 2 | ALB | Albania | Europe | 3047987.0 | 33900.0 | POLYGON ((21.02004 40.84273, 20.99999 40.58000... |
| 3 | ARE | United Arab Emirates | Asia | 6072475.0 | 667200.0 | POLYGON ((51.57952 24.24550, 51.75744 24.29407... |
| 4 | ARG | Argentina | South America | 44293293.0 | 879400.0 | MULTIPOLYGON (((-66.95992 -54.89681, -67.56244... |
data.plot()
plt.show()
What can we observe:
Using
.head()
we can see the first rows of the dataset, just like we can do with Pandas.There is a ‘geometry’ column and the different countries are represented as polygons
We can use the
.plot()
method to quickly get a basic visualization of the data
What’s a GeoDataFrame?¶
We used the GeoPandas library to read in the geospatial data, and this returned us a GeoDataFrame
:
type(data)
geopandas.geodataframe.GeoDataFrame
A GeoDataFrame contains a tabular, geospatial dataset:
It has a ‘geometry’ column that holds the geometry information (or features in GeoJSON).
The other columns are the attributes (or properties in GeoJSON) that describe each of the geometries
Such a GeoDataFrame
is just like a pandas DataFrame
, but with some additional functionality for working with geospatial data:
A
.geometry
attribute that always returns the column with the geometry information (returning a GeoSeries). The column name itself does not necessarily need to be ‘geometry’, but it will always be accessible as the.geometry
attribute.It has some extra methods for working with spatial data (area, distance, buffer, intersection, …), which we will see in later notebooks
data.geometry
0 POLYGON ((61.21082 35.65007, 62.23065 35.27066...
1 MULTIPOLYGON (((23.90415 -11.72228, 24.07991 -...
2 POLYGON ((21.02004 40.84273, 20.99999 40.58000...
3 POLYGON ((51.57952 24.24550, 51.75744 24.29407...
4 MULTIPOLYGON (((-66.95992 -54.89681, -67.56244...
...
172 MULTIPOLYGON (((167.84488 -16.46633, 167.51518...
173 POLYGON ((52.00001 19.00000, 52.78218 17.34974...
174 POLYGON ((19.89577 -24.76779, 20.16573 -24.917...
175 POLYGON ((23.21505 -17.52312, 22.56248 -16.898...
176 POLYGON ((29.43219 -22.09131, 28.79466 -21.639...
Name: geometry, Length: 177, dtype: geometry
type(data.geometry)
geopandas.geoseries.GeoSeries
data.geometry.area
/tmp/ipykernel_17973/1639781399.py:1: UserWarning: Geometry is in a geographic CRS. Results from 'area' are likely incorrect. Use 'GeoSeries.to_crs()' to re-project geometries to a projected CRS before this operation.
data.geometry.area
0 63.593500
1 103.599439
2 3.185163
3 7.095047
4 278.923392
...
172 0.631326
173 38.475618
174 112.718524
175 62.789498
176 32.280371
Length: 177, dtype: float64
It’s still a DataFrame, so we have all the pandas functionality available to use on the geospatial dataset, and to do data manipulations with the attributes and geometry information together.
For example, we can calculate average population number over all countries (by accessing the ‘pop_est’ column, and calling the mean
method on it):
data['pop_est'].mean()
41712369.84180791
Or, we can use boolean filtering to select a subset of the dataframe based on a condition:
africa = data[data['continent'] == 'Africa']
africa.plot()
<AxesSubplot:>
The rest of the tutorial is going to assume you already know some pandas basics, but we will try to give hints for that part for those that are not familiar.
A few resources in case you want to learn more about pandas:
Pandas docs: https://pandas.pydata.org/pandas-docs/stable/10min.html
Other tutorials: chapter from pandas in https://jakevdp.github.io/PythonDataScienceHandbook/, https://github.com/jorisvandenbossche/pandas-tutorial, https://github.com/TomAugspurger/pandas-head-to-tail, …
REMEMBER:
A
GeoDataFrame
allows to perform typical tabular data analysis together with spatial operationsA
GeoDataFrame
(or Feature Collection) consists of:Geometries or features: the spatial objects
Attributes or properties: columns with information about each spatial object
Geometries: Points, Linestrings and Polygons¶
Spatial vector data can consist of different types, and the 3 fundamental types are:
Point data: represents a single point in space.
Line data (“LineString”): represents a sequence of points that form a line.
Polygon data: represents a filled area.
And each of them can also be combined in multi-part geometries (See https://shapely.readthedocs.io/en/stable/manual.html#geometric-objects for extensive overview).
For the example we have seen up to now, the individual geometry objects are Polygons:
print(data.geometry[2])
POLYGON ((21.0200403174764 40.84272695572588, 20.99998986174722 40.58000397395401, 20.67499677906363 40.43499990494303, 20.61500044117275 40.11000682225935, 20.15001590341052 39.62499766698397, 19.98000044117015 39.69499339452341, 19.96000166187321 39.91500580500605, 19.40608198413673 40.25077342382247, 19.31905887215714 40.72723012955356, 19.40354983895429 41.40956574153546, 19.54002729663711 41.71998607031276, 19.37176883309496 41.87754751237065, 19.37176816334725 41.8775506797835, 19.30448611825079 42.19574514420782, 19.73805138517963 42.68824738216557, 19.80161339689869 42.50009349219084, 20.07070000000004 42.58863000000008, 20.28375451018189 42.32025950781508, 20.52295000000004 42.21787000000006, 20.59024654668023 41.85540891928363, 20.59024743010491 41.85540416113361, 20.4631750830992 41.51508901627534, 20.60518191903736 41.08622630468523, 21.0200403174764 40.84272695572588))
Let’s import some other datasets with different types of geometry objects.
A dateset about cities in the world (adapted from http://www.naturalearthdata.com/downloads/110m-cultural-vectors/110m-populated-places/, zip file is available in the /data
directory), consisting of Point data:
cities = geopandas.read_file("zip://./data/ne_110m_populated_places.zip")
print(cities.geometry[0])
POINT (12.45338654497177 41.90328217996012)
And a dataset of rivers in the world (from http://www.naturalearthdata.com/downloads/50m-physical-vectors/50m-rivers-lake-centerlines/, zip file is available in the /data
directory) where each river is a (multi-)line:
rivers = geopandas.read_file("zip://./data/ne_50m_rivers_lake_centerlines.zip")
print(rivers.geometry[0])
LINESTRING (51.9371337598152 55.70106609892139, 51.88086646731369 55.68625891701544, 51.82031249962222 55.69745514553858, 51.7476018274624 55.69366250841807, 51.6628417966117 55.60817291874525, 51.57871093775964 55.59943268477065, 51.51342773400279 55.58312409100404, 51.50854492161091 55.52948639548083, 51.48583984403365 55.49640534033426, 51.36914062543957 55.46796295772435, 51.21306254869774 55.50264985760492, 51.13452148447897 55.48273346527725, 51.07934570274205 55.46759674659262, 50.98022460947817 55.46637604371949, 50.83445217522774 55.45630956063775, 50.6883789060617 55.42011139502489, 50.4118652342932 55.40119049644431, 50.07802734358711 55.38112213757665, 49.82216796867687 55.33466217681809, 49.53222656260584 55.260614325191, 49.38232421848795 55.17182037990665, 49.24808475131027 55.11301870345045)
The shapely
library¶
The individual geometry objects are provided by the shapely
library
type(countries.geometry[0])
shapely.geometry.polygon.Polygon
To construct one ourselves:
from shapely.geometry import Point, Polygon, LineString
p = Point(0, 0)
print(p)
POINT (0 0)
polygon = Polygon([(1, 1), (2,2), (2, 1)])
polygon.area
0.5
polygon.distance(p)
1.4142135623730951
REMEMBER:
Single geometries are represented by shapely
objects:
If you access a single geometry of a GeoDataFrame, you get a shapely geometry object
Those objects have similar functionality as geopandas objects (GeoDataFrame/GeoSeries). For example:
single_shapely_object.distance(other_point)
-> distance between two pointsgeodataframe.distance(other_point)
-> distance for each point in the geodataframe to the other point
Plotting our different layers together¶
ax = countries.plot(edgecolor='k', facecolor='none', figsize=(15, 10))
rivers.plot(ax=ax)
cities.plot(ax=ax, color='red')
ax.set(xlim=(-20, 60), ylim=(-40, 40))
[(-20.0, 60.0), (-40.0, 40.0)]
See the 04-more-on-visualization.ipynb notebook for more details on visualizing geospatial datasets.
Let’s practice!¶
Throughout the exercises in this course, we will work with several datasets about the city of Paris.
Here, we start with the following datasets:
The administrative districts of Paris (https://opendata.paris.fr/explore/dataset/quartier_paris/):
paris_districts_utm.geojson
Real-time (at the moment I downloaded them ..) information about the public bicycle sharing system in Paris (vélib, https://opendata.paris.fr/explore/dataset/stations-velib-disponibilites-en-temps-reel/information/):
data/paris_bike_stations_mercator.gpkg
Both datasets are provided as files.
Let’s explore those datasets:
EXERCISE:
We will start with exploring the bicycle station dataset (available as a GeoPackage file: data/paris_bike_stations_mercator.gpkg
)
Read the stations datasets into a GeoDataFrame called
stations
.Check the type of the returned object (with
type(..)
)Check the first rows of the dataframes. What kind of geometries dooes this datasets contain?
How many features are there in the dataset? (hint: use the
.shape
attribute)
Hints
The geopandas.read_file() function can read different geospatial file formats. You pass the file name as first argument.
# %load _solved/solutions/01-introduction-geospatial-data1.py
# %load _solved/solutions/01-introduction-geospatial-data2.py
# %load _solved/solutions/01-introduction-geospatial-data3.py
# %load _solved/solutions/01-introduction-geospatial-data4.py
EXERCISE:
Make a quick plot of the
stations
dataset.Make the plot a bit larger byt setting the figure size to (12, 6) (hint: the
plot
method accepts afigsize
keyword).
# %load _solved/solutions/01-introduction-geospatial-data5.py
A plot with just some points can be hard to interpret without any spatial context. Therefore, in the next exercise we will learn how to add a background map.
We are going to make use of the contextily package. The add_basemap()
function of this package makes it easy to add a background web map to our plot. We begin by plotting our data first, and then pass the matplotlib axes object (returned by dataframe’s plot()
method) to the add_basemap()
function. contextily
will then download the web tiles needed for the geographical extent of your plot.
EXERCISE:
Import
contextily
.Re-do the figure of the previous exercise: make a plot of all the points in
stations
, but assign the result to anax
variable.Set the marker size equal to 5 to reduce the size of the points (use the
markersize
keyword of theplot()
method for this).Use the
add_basemap()
function ofcontextily
to add a background map: the first argument is the matplotlib axes objectax
.
# %load _solved/solutions/01-introduction-geospatial-data6.py
# %load _solved/solutions/01-introduction-geospatial-data7.py
EXERCISE:
Make a histogram showing the distribution of the number of bike stands in the stations.
Hints
Selecting a column can be done with the square brackets:
df['col_name']
Single columns have a
hist()
method to plot a histogram of its values.
# %load _solved/solutions/01-introduction-geospatial-data8.py
EXERCISE:
Let’s now visualize where the available bikes are actually stationed:
Make a plot of the
stations
dataset (also with a (12, 6) figsize).Use the
'available_bikes'
colums to determine the color of the points. For this, use thecolumn=
keyword.Use the
legend=True
keyword to show a color bar.
# %load _solved/solutions/01-introduction-geospatial-data9.py
EXERCISE:
Next, we will explore the dataset on the administrative districts of Paris (available as a GeoJSON file: “data/paris_districts_utm.geojson”)
Read the dataset into a GeoDataFrame called
districts
.Check the first rows of the dataframe. What kind of geometries does this dataset contain?
How many features are there in the dataset? (hint: use the
.shape
attribute)Make a quick plot of the
districts
dataset (set the figure size to (12, 6)).
# %load _solved/solutions/01-introduction-geospatial-data10.py
# %load _solved/solutions/01-introduction-geospatial-data11.py
# %load _solved/solutions/01-introduction-geospatial-data12.py
# %load _solved/solutions/01-introduction-geospatial-data13.py
EXERCISE:
What are the largest districts (biggest area)?
Calculate the area of each district.
Add this area as a new column to the
districts
dataframe.Sort the dataframe by this area column for largest to smallest values (descending).
Hints
Adding a column can be done by assing values to a column using the same square brackets syntax:
df['new_col'] = values
To sort the rows of a DataFrame, use the
sort_values()
method, specifying the colum to sort on with theby='col_name'
keyword. Check the help of this method to see how to sort ascending or descending.
# %load _solved/solutions/01-introduction-geospatial-data14.py
# %load _solved/solutions/01-introduction-geospatial-data15.py
# %load _solved/solutions/01-introduction-geospatial-data16.py
EXERCISE:
Add a column
'population_density'
representing the number of inhabitants per squared kilometer (Note: The area is given in squared meter, so you will need to multiply the result with10**6
).Plot the districts using the
'population_density'
to color the polygons. For this, use thecolumn=
keyword.Use the
legend=True
keyword to show a color bar.
# %load _solved/solutions/01-introduction-geospatial-data17.py
# %load _solved/solutions/01-introduction-geospatial-data18.py
# %load _solved/solutions/01-introduction-geospatial-data19.py
For the curious: A bit more on importing and creating GeoDataFrames¶
Note on fiona
¶
Under the hood, GeoPandas uses the Fiona library (pythonic interface to GDAL/OGR) to read and write data. GeoPandas provides a more user-friendly wrapper, which is sufficient for most use cases. But sometimes you want more control, and in that case, to read a file with fiona you can do the following:
import fiona
from shapely.geometry import shape
with fiona.Env():
with fiona.open("zip://./data/ne_110m_admin_0_countries.zip") as collection:
for feature in collection:
# ... do something with geometry
geom = shape(feature['geometry'])
# ... do something with properties
print(feature['properties']['name'])
Constructing a GeoDataFrame manually¶
geopandas.GeoDataFrame({
'geometry': [Point(1, 1), Point(2, 2)],
'attribute1': [1, 2],
'attribute2': [0.1, 0.2]})
Creating a GeoDataFrame from an existing dataframe¶
For example, if you have lat/lon coordinates in two columns:
df = pd.DataFrame(
{'City': ['Buenos Aires', 'Brasilia', 'Santiago', 'Bogota', 'Caracas'],
'Country': ['Argentina', 'Brazil', 'Chile', 'Colombia', 'Venezuela'],
'Latitude': [-34.58, -15.78, -33.45, 4.60, 10.48],
'Longitude': [-58.66, -47.91, -70.66, -74.08, -66.86]})
gdf = geopandas.GeoDataFrame(
df, geometry=geopandas.points_from_xy(df.Longitude, df.Latitude))
gdf
See http://geopandas.readthedocs.io/en/latest/gallery/create_geopandas_from_pandas.html for full example


CSS Interview Prep Quiz
CSS Interview Prep Quiz
Plus Css Cheat Sheet (82 questions total)
Scroll Down To skip to quiz:
Source:
Complete CSS Cheat Sheet
Q1. In the following example, which selector has the highest specificity ranking for selecting the anchor link element?
ul li a
a
.example a
div a
-
[x]
.example a
-
[ ]
div a
-
[ ]
a
-
[ ]
ul li a
Q2. Using an attribute selector, how would you select an

element with a "title" attribute?
- [x] a[title]{…}
- [ ] a > title {…}
- [ ] a.title {…}
- [ ] a=title {…}
Q3. CSS grid and flexbox are now becoming a more popular way to create page layouts. However, floats are still commonly used, especially when working with an older code base, or it you need to support older browser version. What are two valid techniques used to clear floats?
- [ ] Use the “clearfix hack” on the floated element and add a float to the parent element.
- [ ] Use the overflow property on the floated element or the “clearfix hack” on either the floated or parent element.
- [ ] Use the “clearfix hack” on the floated element or the overflow property on the parent element.
- [x] Use the “clearfix hack” on the parent element or use the overflow property with a value other than “visible.”
Q4. What element(s) do the following selectors match to?
1) .nav {...}
2) nav {...}
3) #nav {...}
- [ ]
1. An element with an ID of "nav"
2. A nav element
3. An element with a class of "nav"
- [ ]
They all target the same nav element.
- [x]
1. An element with an class of "nav"
2. A nav element
3. An element with a id of "nav"
- [ ]
1. An element with an class of "nav"
2. A nav element
3. An div with a id of "nav"
Q5. When adding transparency styles, what is the difference
between using the opacity property versus the background
property with an
rgba()
value?
-
[ ] Opacity specifies the level of transparency of the child
elements. Background with an
rgba()
value applies transparency to the background color only. -
[ ] Opacity applies transparency to the background color only.
Background with an
rgba()
value specifies the level of transparency of an element, as a whole, including its content. -
[x] Opacity specifies the level of transparency of an element,
including its content. Background with an
rgba()
value applies transparency to the background color only. -
[ ] Opacity applies transparency to the parent and child
elements. Background with an
rgba()
value specifies the level of transparency of the parent element only.
Q6. What is true of block and inline elements? (Alternative: Which statement about block and inline elements is true?)
- [ ] By default, block elements are the same height and width as the content container between their tags; inline elements span the entire width of its container.
- [x] By default, block elements span the entire width of its container; inline elements are the same height and width as the content contained between their tags.
-
[ ] A

element is an example of an inline element.
is an example of a block element. -
[ ] A

is an example of a block element.

is an example of an inline element.
Q7. CSS grid introduced a new length unit, fr, to create flexible grid tracks. Referring to the code sample below, what will the widths of the three columns be?
.grid {
display: grid;
width: 500px;
grid-template-columns: 50px 1fr 2fr;
}
- [ ] The first column will have a width of 50px. The second column will be 50px wide and the third column will be 100px wide.
- [x] The first column will have a width of 50px. The second column will be 150px wide and the third column will be 300px wide.
- [ ] The first column will have a width of 50px. The second column will be 300px wide and the third column will be 150px wide.
- [ ] The first column will have a width of 50px. The second column will be 500px wide and the third column will be 1000px wide.
Q8. What is the line-height property primarily used for?
- [x] to control the height of the space between two lines of content
- [ ] to control the height of the space between heading elements
- [ ] to control the height of the character size
- [ ] to control the width of the space between characters
Q9. Three of these choices are true about class selectors. Which is NOT true?
- [ ] Multiple classes can be used within the same element.
- [ ] The same class can be used multiple times per page.
- [ ] Class selectors with a leading period
- [x] Classes can be used multiple times per page but not within the same element.
Q10. There are many properties that can be used to align elements and create page layouts such as float, position, flexbox and grid. Of these four properties, which one should be used to align a global navigation bar which stays fixed at the top of the page?
- [x] position
- [ ] flexbox
- [ ] grid
- [ ] float
Q11. In the shorthand example below, which individual background properties are represented?
background: blue url(image.jpg) no-repeat scroll 0px
0px;
- [x]
background-color: blue;
background-image: url(image.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0px 0px;
- [ ]
background-color: blue;
background-img: url(image.jpg);
background-position: no-repeat;
background-scroll: scroll;
background-size: 0px 0px;
- [ ]
background-color: blue;
background-src: url(image.jpg);
background-repeat: no-repeat;
background-wrap: scroll;
background-position: 0px 0px;
- [ ]
background-color: blue;
background-src: url(image.jpg);
background-repeat: no-repeat;
background-scroll: scroll;
background-position: 0px 0px;
Q12. In the following example, according to cascading and specificity rules, what color will the link be?
.example {
color: yellow;
}
ul li a {
color: blue;
}
ul a {
color: green;
}
a {
color: red;
}

link

list item

list item

- [ ] green
- [x] yellow
- [ ] blue
- [ ] red
Q13. When elements overlap, they are ordered on the z-axis (i.e., which element covers another). The z-index property can be used to specify the z-order of overlapping elements. Which set of statements about the z-index property are true?
- [x] Larger z-index values appear on top of elements with a lower z-index value. Negative and positive numbers can be used. z-index can only be used on positioned elements.
- [ ] Smaller z-index values appear on top of elements with a larger z-index value. Negative and positive numbers can be used. z-index must also be used with positioned elements.
- [ ] Larger z-index values appear on top of elements with a lower z-index value. Only positive numbers can be used. z-index must also be used with positioned elements.
- [ ] Smaller z-index values appear on top of elements with a larger z-index value. Negative and positive numbers can be used. z-index can be used with or without positioned elements.
Q14. What is the difference between the following line-height settings?
line-height: 20px
line-height: 2
- [x] The value of 20px will set the line-height to 20px. The value of 2 will set the line-height to twice the size of the corresponding font-size value.
- [ ] The value of 20px will set the line-height to 20px. The value of 2 is not valid.
- [ ] The value of 20px will set the line-height to 20px. The value of 2 will default to a value of 2px.
- [ ] The value of 20px will set the line-height to 20px. The value of 2 will set the line-height to 20% of the corresponding font-size value.
Q15. In the following example, what color will paragraph one and paragraph two be? (Alternative: In this example, what color will paragraphs one and two be?)

paragraph one

paragraph two

section p {
color: red;
}
section + p {
color: blue;
}
- [ ] Paragraph one will be blue, paragraph two will be red.
- [ ] Both paragraphs will be blue.
- [x] Paragraphs one will be red, paragraph two will be blue.
- [ ] Both paragraphs will be red.
Q16.What are three valid ways of adding CSS to an HTML page?
- [ ]
1. External; CSS is written in a separate file.
2. Inline; CSS is added to the  of the HTML page.
3. Internal; CSS is included within the HTML tags.
- [ ]
1. External; CSS is written in a separate file and is linked within the  element of the HTML file.
2. Inline; CSS is added to the HTML tag.
3. Internal; CSS is included within the  element of the HTML file.
- [ ]
1. External; CSS is written in a separate file and is linked within the  element of the HTML file.
2. Internal; CSS is included within the  element of the HTML file.
3. Inline; CSS is added to the HTML tag.
- [x]
1. External; CSS is written in a separate file and is linked within the  element of the HTML file .
2. Inline; CSS is added to the HTML tag.
3. Internal; CSS is included within the  element of the HTML file.
Q17. Which of the following is true of the SVG image format? (Alternative: Which statement about the SVG image format is true?)
- [ ] CSS can be applied to SVGs but JavaScript cannot be.
- [ ] SVGs work best for creating 3D graphics.
- [x] SVGs can be created as a vector graphic or coded using SVG specific elements such as <svg>, <line>, and <ellipse>.
- [ ] SVGs are a HAML-based markup language for creating vector graphics.
Q18. In the example below, when will the color pink be applied to the anchor element?
a:active {
color: pink;
}
- [ ] The color of the link will display as pink after its been clicked or if the mouse is hovering over the link.
- [ ] The color of the link will display as pink on mouse hover.
- [x] The color of the link will display as pink while the link is being clicked but before the mouse click is released.
- [ ] The color of the link will display as pink before it has been clicked.
Q19. To change the color of an SVG using CSS, which property is used?
- [ ] Use background-fill to set the color inside the object and stroke or border to set the color of the border.
- [ ] The color cannot be changed with CSS.
- [ ] Use fill or background to set the color inside the object and stroke to set the color of the border.
- [x] Use fill to set the color inside the object and stroke to set the color of the border.
Q20. When using position: fixed, what will the element always be positioned relative to?
- [ ] the closest element with position: relative
- [x] the viewport
- [ ] the parent element
- [ ] the wrapper element
Q21. By default, a background image will repeat \_\_\_
- [ ] only if the background-repeat property is set to repeat
- [x] indefinitely, vertically, and horizontally
- [ ] indefinitely on the horizontal axis only
- [ ] once, on the x and y axis
Q22. When using media queries, media types are used to target a device category. Which choice lists current valid media types?
- [ ] print, screen, aural
- [ ] print, screen, television
- [x] print, screen, speech
- [ ] print, speech, device
Q23. How would you make the first letter of every paragraph on the page red?
- [x] p::first-letter { color: red; }
- [ ] p:first-letter { color: red; }
- [ ] first-letter::p { color: red; }
- [ ] first-letter:p { color: red; }
Q24. In this example, what is the selector, property, and value?
p {
color: #000000;
}
- [ ]
"p" is the selector
"#000000" is the property
"color" is the value
- [x]
"p" is the selector
"color" is the property
"#000000" is the value
- [ ]
"color" is the selector
"#000000" is the property
"#p" is the value
- [ ]
"color" is the selector
"p" is the property
"#000000" is the value
Q25. What is the rem unit based on?
- [ ] The rem unit is relative to the font-size of the p element.
- [ ] You have to set the value for the rem unit by writing a declaration such as rem { font-size: 1 Spx; }
- [ ] The rem unit is relative to the font-size of the containing (parent) element.
- [x] The rem unit is relative to the font-size of the root element of the page.
Q26.Which of these would give a block element rounded corners?
- [ ] corner-curve: 10px
- [ ] border-corner: 10px
- [x] border-radius: 10px
- [ ] corner-radius: 10px
Q27. In the following media query example, what conditions are being targeted?
@media (min-width: 1024px), screen and (orientation: landscape) { … }
- [x] The rule will apply to a device that has either a width of 1024px or wider, or is a screen device in landscape mode.
- [ ] The rule will apply to a device that has a width of 1024px or narrower and is a screen device in landscape mode.
- [ ] The rule will apply to a device that has a width of 1024px or wider and is a screen device in landscape mode.
- [ ] The rule will apply to a device that has a width of 1024px or narrower, or is a screen device in landscape mode.
Q28. CSS transform properties are used to change the shape and position of the selected objects. The transform-origin property specifies the location of the element’s transformation origin. By default, what is the location of the origin?
- [x] the top left corner of the element
- [ ] the center of the element
- [ ] the top right corner of the element
- [ ] the bottom left of the element
Q29. Which of the following is not a valid color value?
- [ ] color: #000
- [ ] color: rgb(0,0,0)
- [ ] color: #000000
- [x] color: 000000
Q30. What is the vertical gap between the two elements below?

Div 1

Div 2

- [x] 2rem
- [ ] 32px
- [ ] 64px
- [ ] 4rem
Q31. When using the Flexbox method, what property and value is used to display flex items in a column?
- [x] flex-flow: column; or flex-direction: column
- [ ] flex-flow: column;
- [ ] flex-column: auto;
- [ ] flex-direction: column;
Q32. Which type of declaration will take precedence?
- [ ] any declarations in user-agent stylesheets
- [x] important declarations in user stylesheets
- [ ] normal declarations in author stylesheets
- [ ] important declarations in author stylesheets
Q33. The flex-direction property is used to specify the direction that flex items are displayed. What are the values used to specify the direction of the items in the following examples?
-
[x] Example 1:
flex-direction: row;
Example 2:flex-direction: row-reverse;
Example 3:flex-direction: column;
Example 4:flex-direction: column-reverse;
-
[ ] Example 1:
flex-direction: row-reverse;
Example 2:flex-direction: row;
Example 3:flex-direction: column-reverse;
Example 4:flex-direction: column;
-
[ ] Example 1:
flex-direction: row;
Example 2:flex-direction: row-reverse;
Example 3:flex-direction: column;
Example 4:flex-direction: reverse-column;
-
[ ] Example 1:
flex-direction: column;
Example 2:flex-direction: column-reverse;
Example 3:flex-direction: row;
Example 4:flex-direction: row-reverse;
Q34. There are two sibling combinators that can be used to select elements contained within the same parent element; the general sibling combinator (~) and the adjacent sibling combinator (+). Referring to example below, which elements will the styles be applied to?
h2 ~ p {
color: blue;
}
h2 + p {
background: beige;
}

paragraph 1

Heading

paragraph 2

paragraph 3

- [ ] Paragraphs 2 and 3 will be blue. The h2 and paragraph 2 will have a beige background.
- [x] Paragraphs 2, and 3 will be blue, and paragraph 2 will have a beige background.
- [x] Paragraphs 2 and 3 will be blue. Paragraph 2 will have a beige background.
- [ ] Paragraph 2 will be blue. Paragraphs 2 and 3 will have a beige background.
Q35. When using flexbox, the “justify-content” property can be used to distribute the space between the flex items along the main axis. Which value should be used to evenly distribute the flex items within the container shown below?
- [x] justify-content: space-around;
- [ ] justify-content: center;
- [ ] justify-content: auto;
- [ ] justify-content: space-between;
Q36. There are many advantages to using icon fonts. What is one of those advantages?
- [ ] Icon fonts increase accessibility.
- [ ] Icon fonts can be used to replace custom fonts.
- [x] Icon fonts can be styled with typography related properties such as font-size and color.
- [ ] Icon fonts are also web safe fonts.
Q37. What is the difference between
display:none
and
visibility:hidden
?
- [ ] Both will hide the element on the page, but display:none has greater browser support. visibility:hidden is a new property and does not have the best browser support
- [ ] display:none hides the elements but maintains the space it previously occupied. visibility:hidden will hide the element from view and remove it from the normal flow of the document
- [x] display:none hides the element from view and removes it from the normal flow of the document. visibility:hidden will hide the element but maintains the space it previously occupied.
- [ ] There is no difference; both will hide the element on the page
Q38. What selector and property would you use to scale an element to be 50% smaller on hover?
- [ ] element:hover {scale: 0.5;}
- [x] element:hover {transform: scale(0.5);}
- [ ] element:hover {scale: 50%;}
- [ ] element:hover {transform: scale(50%);}
Q39. Which statement regarding icon fonts is true?
- [ ] Icon fonts can be inserted only using JavaScript.
- [ ] Icon fonts are inserted as inline images.
- [ ] Icon fonts require browser extensions.
- [x] Icon fonts can be styled with typography-related properties such as font-size and color.
Q40. The values for the font-weight property can be keywords or numbers. For each numbered value below, what is the associated keyword?
font-weight: 400; font-weight: 700;
- [ ] bold; normal
- [x] normal; bold
- [ ] light; normal
- [ ] normal; bolder
Q41. If the width of the container is 500 pixels, what would the width of the three columns be in this layout?
.grid { display: grid; grid-template-columns: 50px 1fr 2fr;
}
- [x] 50px, 150px, 300px
- [ ] 50px, 200px, 300px
- [ ] 50px, 100px, 200px
- [ ] 50px, 50px, 100px
Q42. Using the :nth-child pseudo class, what would be the most efficient way to style every third item in a list, no matter how many items are present, starting with item 2?
- [ ]
li:nth-child(3 + 2n) {
margin: 0 5 px;
}
- [x]
li:nth-child(3n + 2) {
margin: 0 5 px;
}
- [ ]
li:nth-child(2),
li:nth-child(5),
li:nth-child(8) {
margin: 0 5 px;
}
- [ ]
li:nth-child(2n + 3) {
margin: 0 5 px;
}
Q43. Which selector would select only internal links within the current page?
-
[ ]
a[href="#"] {...}
-
[ ]
a[href~="#"]
-
[ ]
a[href^="#"]
-
[x]
a[href="#"]
Q44. What is not true about class selectors?
- [x] Only one class value can be assigned to an element.
- [ ] An element can have multiple class value.
- [ ] Class selectors are marked with a leading period.
- [ ] More than one element can have the same class value.
Q45. What is the difference between the margin and padding properties?
- [ ] Margin adds space around and inside of an element; padding adds space only inside of an element.
- [x] Margin adds space around an element; padding adds apace inside of an element.
- [ ] Margin adds a line around an element, padding adds space inside of an element.
- [ ] Margin adds space inside of an element, padding adds space around an element.
Q46. What is not a valid way of declaring a padding value of 10 pixels on the top and bottom, and 0 pixels on the left and right?
- [x] padding: 10px 10px 0px 0px;
- [ ] padding: 10px 0px;
- [ ] padding: 10px 0;
- [ ] padding: 10px 0px 10px 0px;
Q47. Is there an error in this code? If so, find the best description of the problem
@font-face {
font-family: 'Avenir', sans-serif;
src: url('avenir.woff2') format('woff2'), url('avenir.woff') format('woff');
}
- [ ] The font file formats are not supported in modern browsers.
- [ ] The src attribute requires a comma between the URL and format values.
- [ ] There are no errors in the example.
- [x] The sans-serif inclusion is problematic.
Q48. Which style places an element at a fixed location within its container?
- [x] position: absolute;
- [ ] display: flex;
- [ ] display: block;
- [ ] float: left;
Q49. The calc() CSS function is often used for calculating relative values. In the example below, what is the specified margin-left value?
.example {
margin-left: calc(5% + 5px);
}
- [x] The left margin value is equal to 5% of its parents element’s width plus 5px
- [ ] The left margin value is equal to 5% of the viewport width plus 5px
- [ ] The left margin value is equal to 5% of the closest positioned element’s width plus 5px
- [ ] The left margin value is equal to 5% of the selected element’s width (.example) plus 5px
Q50. What is the CSS selector for an

tag
containing the title attribute?
-
[x]
a[title]
-
[ ]
a > title
-
[ ]
a=title
-
[ ]
a.title
Q51. Which code would you use to absolutely position an element of the logo class?
-
[x]
.logo { position: absolute; left: 100px; top: 150px; }
-
[ ]
.logo { position: absolute; margin-left: 100px; margin-top: 150px; }
-
[ ]
.logo { position: absolute; padding-left: 100px; padding-top: 150px; }
-
[ ]
.logo { position: absolute; left-padding: 100px; top-padding: 150px; }
Q52. In this example, what color will Paragraph 1 be?
p:first-of-type {
color: red;
}
p {
color: blue;
}
.container {
color: yellow;
}
p:first-child {
color: green;
}

Heading

Paragraph1

Paragraph2

- [ ] blue
- [ ] green
- [x] red
- [ ] yellow
Q53. What is the ::placeholder pseudo-element
used for?
- [x] It is used to format the appearance of placeholder text within a form control.
- [ ] It specifies the default input text for a form control.
- [ ] It writes text content into a hyperlink tooltip.
- [ ] It writes text content into any page element.
Q54. Which statement is true of the single colon (:
) or double colon (::
) notations for pseudo-elements-for example, ::before
and :before
?
- [ ] All browsers support single and double colons for new and older pseudo-elements. So you can use either but it is convention to use single colons for consistency.
-
[ ] In CSS3, the double colon notation (
::
) was introduced to create a consistency between pseudo-elements from pseudo-classes. For newer browsers, use the double colon notation. For IE8 and below, using single colon notation (:
). - [ ] Only the new CSS3 pseudo-elements require the double colon notation while the CSS2 pseudo-elements do not.
-
[x] In CSS3, the double colon notation (
::
) was introduced to differentiate pseudo-elements from pseudo-classes. However, modern browsers support both formats. Older browsers such as IE8 and below do not.
Q55. Which choice is not valid value for the font-style property?
- [ ] normal
- [ ] italic
- [x] none
- [ ] oblique
Q56. When would you use the @font-face method?
- [ ] to set the font size of the text
- [x] to load custom fonts into stylesheet
- [ ] to change the name of the font declared in the font-family
- [ ] to set the color of the text
Q57. When elements within a container overlap, the z-index property can be used to indicate how those items are stacked on top of each other. Which set of statements is true?
- [x]
1. Larger z-index values appear on top elements with a lower z-index value.
2. Negative and positive number can be used.
3. z-index can be used only on positioned elements.
- [ ]
1. Smaller z-index values appear on top of elements with a larger z-index value.
2. Negative and positive numbers can be used.
3. z-index can be used with or without positioned elements.
- [ ]
1. Smaller z-index values appear on top of elements with a larger z-index value.
2. Negative and positive number can be used.
3. z-index must also be used with positioned elements.
- [ ]
1. Larger z-index values appear on top of elements with a lower z-index value.
2. Only positive number can be used.
3. z-index must also be used with positioned elements.
Q58. You have a large image that needs to fit into a 400 x 200 pixel area. What should you resize the image to if your users are using Retina displays?
- [ ] 2000 x 1400 pixels
- [ ] 200 x 100 pixels
- [x] 800 x 400 pixels
- [ ] 400 x 200 pixels
Q59. In Chrome’s Developer Tools view, where are the default styles listed?
- [x] under the User Agent Stylesheet section on the right
- [ ] in the third panel under the Layout tab
- [ ] under the HTML view on the left
- [ ] in the middle panel
Q60. While HTML controls document structure, CSS controls _.
- [ ] semantic meaning
- [ ] content meaning
- [ ] document structure
- [x] content appearance
Q61. What is the recommended name you should give the folder that holds your project’s images?
- [x] images
- [ ] #images
- [ ] Images
- [ ] my images
Q62. What is an advantage of using inline CSS?
- [ ] It is easier to manage.
- [x] It is easier to add multiple styles through it.
- [ ] It can be used to quickly test local CSS overrides.
- [ ] It reduces conflict with other CSS definition methods.
Q63.Which W3C status code represents a CSS specification that is fully implemented by modern browsers?
- [ ] Proposed Recommendation
- [ ] Working Draft
- [x] Recommendation
- [ ] Candidate Recommendation
Q64. Are any of the following declarations invalid?
color: red; /* declaration A */
font-size: 1em; /* declaration B */
padding: 10px 0; /* declaration C */
- [ ] Declaration A is invalid.
- [ ] Declaration B is invalid.
- [ ] Declaration C is invalid.
- [x] All declarations are valid.
Q65. Which CSS will cause your links to have a solid blue background that changes to semitransparent on hover?
- [x]
a:link {
background: #0000ff;
}
a:hover {
background: rgba(0, 0, 255, 0.5);
}
- [ ]
a {
color: blue;
}
a:hover {
background: white;
}
- [ ]
a:link {
background: blue;
}
a:hover {
color: rgba(0, 0, 255, 0.5);
}
- [ ]
a:hover {
background: rgba(blue, 50%);
}
a:link {
background: rgba(blue);
}
Q66. Which CSS rule takes precedence over the others listed?
-
[ ]
div.sidebar {}
-
[ ]
* {}
-
[x]
div#sidebar2 p {}
-
[ ]
.sidebar p {}
Q67. The body of your page includes some HTML sections. How will it look with the following CSS applied?
body {
background: #ffffff; /* white */
}
section {
background: #0000ff; /* blue */
height: 200px;
}
- [x] blue sections on a white background
- [ ] Yellow sections on a blue background
- [ ] Green sections on a white background
- [ ] blue sections on a red background
Q68. Which CSS keyword can you use to override standard source order and specificity rules?
-
[ ]
!elevate!
-
[ ]
*prime
-
[ ]
override
-
[x]
!important
Q69. You can use the _ pseudo-class to set a different color on a link if it was clicked on.
-
[x]
a:visited
-
[ ]
a:hover
-
[ ]
a:link
-
[ ]
a:focus
Q70. Which color will look the brightest on your screen, assuming the background is white?
-
[ ]
background-color: #aaa;
-
[ ]
background-color: #999999;
-
[ ]
background-color: rgba(170,170,170,0.5);
-
[x]
background-color: rgba(170,170,170,0.2);
Q71. Which CSS selector can you use to select all elements on your page associated with the two classes header and clear?
-
[ ]
."header clear" {}
-
[ ]
header#clear {}
-
[x]
.header.clear {}
-
[ ]
.header clear {}
Q72. A universal selector is specified using a(n) _.
- [ ] “h1” string
- [ ] “a” character
- [ ] “p” character
- [x] “*” character
Q73. In the following CSS code,
'h1'
is the _, while
'color'
is the _.
h1 {
color: red;
}
- [ ] property; declaration
- [ ] declaration; rule
- [ ] “p” character
- [x] selector; property
Q74. What is an alternate way to define the following CSS rule?
font-weight: bold;
- [ ] font-weight: 400;
- [ ] font-weight: medium;
- [x] font-weight: 700;
- [ ] font-weight: Black;
Q75. You want your styling to be based on a font stack consisting of three fonts. Where should the generic font for your font family be specified?
- [ ] It should be the first one on the list.
- [ ] Generic fonts are discouraged from this list.
- [x] It should be the last one on the list.
- [ ] It should be the second one on the list.
Q76. What is one disadvantage of using a web font service?
- [ ] It requires you to host font files on your own server.
- [ ] It uses more of your site’s bandwidth.
- [ ] It offers a narrow selection of custom fonts.
- [x] It is not always a free service.
Q77. How do you add Google fonts to your project?
- [x] by using an HTML link element referring to a Google-provided CSS
- [ ] by embedding the font file directly into the project’s master JavaScript
- [ ] by using a Google-specific CSS syntax that directly links to the desired font file
- [ ] by using a standard font-face CSS definition sourcing a font file on Google’s servers
Q78. which choice is not a valid color?
-
[ ] color:
#000
; -
[ ] color:
rgb(0,0,0)
; -
[ ] color:
#000000
; -
[x] color:
000000
;
Q79. Using the following HTML and CSS example, what will equivalent pixel value be for .em and .rem elements?
html {font-size: 10px}
body {font-size: 2rem;}
.rem {font-size: 1.5rem;}
.em {font-size: 2em;}

- [ ] The .rem will be equivalent to 25px; the .em value will be 20px.
- [ ] The .rem will be equivalent to 15px; the .em value will be 20px.
- [ ] The .rem will be equivalent to 15px; the .em value will be 40px.
- [ ] The .rem will be equivalent to 20px; the .em value will be 40px.
Q80. In this example, according to cascading and specificity rules, what color will the link be?
.example {color: yellow;}
ul li a {color: blue;}
ul a {color: green;}
a {color: red;}

link

list item

list item

- [ ] blue
- [ ] red
- [x] yellow
- [ ] green
Q81. What property is used to adjust the space between text characters?
-
[ ]
font-style
-
[ ]
text-transform
-
[ ]
font-variant
-
[x]
letter-spacing
#### Q82. What is the correct syntax for changing the curse from an arrow to a pointing hand when it interacts with a named element?
-
[x]
.element {cursor: pointer;}
-
[ ]
.element {cursor: hand;}
-
[ ]
.element {cursor: move-hand;}
-
[ ]
.element {cursor: pointer-hand;}


Pope Francis in Japan, sends messages to China, Taiwan, Hong Kong
Tokyo: Pope Francis arrived in Tokyo on Saturday after three days in Thailand and sent goodwill messages to China, Taiwan, and Hong Kong while flying over the countries. After departing from Bangkok, the Pope sent telegrams to the countries and territories the papal plane flew over while en route to Tokyo, Japan.
The trip was the second time a pope has visited Japan after his predecessor Pope St John Paul II visited the country in 1981. The Vatican sent telegrams to overflight countries as is customary and on this occasion were Taiwan, Sanya Island, and Hong Kong, but made no reference to any of the political tensions between these countries. “I pray that Almighty God may grant you well-being and peace,” were Pope Francis’ words to Carrie Lam, head of the Hong Kong Government.
There were also telegrams to Chinese President Xi Jinping, whom he wished “abundant divine blessings of peace and joy” and to the President of Taiwan, Tsai Ing-Wen: “Abundant divine blessings of peace.” The Pope will meet with bishops in Japan on Saturday and on Sunday will travel to Hiroshima and Nagasaki. (IANS)
Also Read: Pope Francis’s Thailand, Japan Visit
Also Watch: Actress Amrita Gogoi promotes ‘Pratighat’ at Namti in Sivasagar


Name
Street
State
Select One
IA
WA
NV
ZIP code
How many seats?
Which taxi do you require?
Car
Van
Tuk tuk
Extras
Baby Seat
Wheelchair Access
Stock Tip
Special Instructions


Interface Registrar
Methods summary
public
|
#
call( string $uri, Closure|array|string $action )
Register a new CALL route with the router.
Register a new CALL route with the router.
Parameters
|
public
|
#
publish( string $uri, Closure|array|string $action )
Register a new PUBLISH route with the router.
Register a new PUBLISH route with the router.
Parameters
|
public
|
#
subscribe( string $uri, Closure|array|string $action )
Register a new SUBSCRIBE route with the router.
Register a new SUBSCRIBE route with the router.
Parameters
|
public
|
#
unsubscribe( string $uri, Closure|array|string $action )
Register a new UNSUBSCRIBE route with the router.
Register a new UNSUBSCRIBE route with the router.
Parameters
|
public
|
#
match( array|string $methods, string $uri, Closure|array|string $action )
Register a new route with the given verbs.
Register a new route with the given verbs.
Parameters
|
public
|
#
group( array $attributes, Closure $callback )
Create a route group with shared attributes.
Create a route group with shared attributes.
Parameters
|
public
|
#
before( string|callable $callback )
Register a new "before" filter with the router.
Register a new "before" filter with the router.
Parameters
|
public
|
#
after( string|callable $callback )
Register a new "after" filter with the router.
Register a new "after" filter with the router.
Parameters
|
public
|
#
filter( string $name, string|callable $callback )
Register a new filter with the router.
Register a new filter with the router.
Parameters
|


Hello World
Over the past few weeks I made the first commits for Searchex, a full-text search engine written in pure Elixir.
Technical Potential
Full-text search really benefits from concurrent processing. Elixir is the best platform I know for concurrency, and there are great new features for distribution. GenStage is one. Another is the Phoenix work on CRDTs and Presence. And Phoenix Channels have great potential for scalable live I/O streams.
Elixir can be an amazing platform for a search engine.
Simplify and Streamline
Elixir has the potential to reduce the number of components in the production stack. Adrian Philipp highlighted this benefit in a recent article.
Note that this chart does not include a line-item for a Search Engine! The Elixir developer still needs to use an External search engine (like ElasticSearch).
The external dependency requires extra labor and handholding. Installing/configuring the service, designing/building/tuning the integration, monitoring and managing in production. Yuck!
This blog post from Tymon Tobloski describes his efforts to integrate Elastic Search. The custom integration and tuning looks like a lot of work!
With Searchex I’m certain we can simplify and streamline a great deal.
A New Project
I expect Searchex to address an important need in the Elixir community and to be a great showcase for the Beam and GenStage. I’m looking for collaborators and mentors. Let me know if you’re interested in getting involved!