More actions
Content deleted Content added
m hiding licence again in first box |
m padding not margin |
||
(5 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{|class="wikitable image-details__icons img" style="width:100%;" <!--The image-details class provides colour inversion for the view direction icons depending on light or dark skin--> |
|||
<!--<div class="mainpage-column"><div class="mainpage-column-first">--> |
|||
{|style="width:100%; font-size:90%; color:var(--color-bease-emphasized); background-color:var(--color-surface-2); border:1px solid var(--border-color-base); padding:4px; margin-bottom:0.5em; box-shadow: 0 4px 4px rgba(0,0,0,0.1);" |
|||
!style="background-color:var(--color-surface-4); padding:2px 6px; text-align:center; font-size:110%; font-weight:600; vertical-align:middle;" colspan="2"|Image details |
|||
|- |
|- |
||
{{#if:{{{description}}}|{{!}}style="width:12em; padding |
{{#if:{{{description}}}|{{!}}style="width:12em; padding:5px 5px 5px 10px; vertical-align:top; color:#50ab8a;" {{!}} '''Description''' |
||
{{!}}style="padding |
{{!}}style=" padding:5px 5px 5px 10px; vertical-align:top;" {{!}} {{{description}}}}} |
||
|- |
|- |
||
{{#if:{{{date-taken}}}|{{!}}style="width:12em; padding |
{{#if:{{{date-taken}}}|{{!}}style="width:12em; padding:5px 5px 5px 10px; vertical-align:top; color:#50ab8a;" {{!}} '''Date taken''' |
||
{{!}}style="padding |
{{!}}style=" padding:5px 5px 5px 10px; vertical-align:top;" {{!}} {{{date-taken}}}}} |
||
|- |
|- |
||
{{#if:{{{author}}}|{{!}}style="width:12em; padding |
{{#if:{{{author}}}|{{!}}style="width:12em; padding:5px 5px 5px 10px; vertical-align:top; color:#50ab8a;" {{!}} '''Author''' |
||
{{!}}style="padding |
{{!}}style=" padding:5px 5px 5px 10px; vertical-align:top;" {{!}} {{{author}}}}} |
||
|- |
|- |
||
{{#if:{{{source}}}|{{!}}style="width:12em; padding |
{{#if:{{{source}}}|{{!}}style="width:12em; padding:5px 5px 5px 10px; vertical-align:top; color:#50ab8a;" {{!}} '''Source''' |
||
{{!}}style="padding |
{{!}}style=" padding:5px 5px 5px 10px; vertical-align:top;" {{!}} {{{source}}}}} |
||
|- |
|- |
||
{{#if:{{{latitude}}}{{{longitude}}}|{{!}}style="width:12em; padding |
{{#if:{{{latitude}}}{{{longitude}}}|{{!}}style="width:12em; padding:5px 5px 5px 10px; vertical-align:top; color:#50ab8a;" {{!}} '''{{w1|Decimal degrees}}''' |
||
{{!}}style="padding |
{{!}}style=" padding:5px 5px 5px 10px; vertical-align:top;" {{!}} {{{latitude}}} / {{{longitude}}}}} |
||
|- |
|- |
||
{{#if:{{{ |
{{#if:{{{os-grid}}}|{{!}}style="width:12em; padding:5px 5px 5px 10px; vertical-align:top; color:#50ab8a;" {{!}} '''[[The English Lakes:What are National Grid squares?|OS grid reference]]''' |
||
{{!}}style="padding |
{{!}}style=" padding:5px 5px 5px 10px; vertical-align:top;" {{!}} {{{os-grid}}}}} |
||
|- |
|- |
||
{{#if:{{{ |
{{#if:{{{w3w}}}|{{!}}style="width:12em; padding:5px 5px 5px 10px; vertical-align:top; color:#50ab8a;" {{!}} '''[https://what3words.com what3words]''' |
||
{{!}}style="padding |
{{!}}style=" padding:5px 5px 5px 10px; vertical-align:top;" {{!}} [https://what3words.com/{{{w3w}}} {{{w3w}}}]}} |
||
|- |
|- |
||
{{#if:{{{ |
{{#if:{{{elevation}}}|{{!}}style="width:12em; padding:5px 5px 5px 10px; vertical-align:top; color:#50ab8a;" {{!}} '''Elevation''' |
||
{{!}}style="padding |
{{!}}style=" padding:5px 5px 5px 10px; vertical-align:top;" {{!}} {{{elevation}}}}} |
||
|- |
|- |
||
{{#if:{{{ |
{{#if:{{{view-direction}}}|{{!}}style="width:12em; padding:5px 5px 5px 10px; vertical-align:top; color:#50ab8a;" {{!}} '''View direction''' |
||
{{!}}style="padding |
{{!}}style=" padding:5px 5px 5px 10px; vertical-align:top;" {{!}} {{{view-direction}}}}}<!-- |
||
|- |
|- |
||
{{#if:{{{ |
{{#if:{{{licence}}}|{{!}}style="width:12em; padding:5px 5px 5px 10px; vertical-align:top; color:#50ab8a;" {{!}} '''Licence''' |
||
{{!}}style="padding |
{{!}}style=" padding:5px 5px 5px 10px; vertical-align:top;" {{!}} {{{licence}}}}}--> |
||
|- |
|- |
||
⚫ | |||
{{#if:{{{licence}}}|{{!}}style="width:12em; padding-left:5px; vertical-align:top; background:;" {{!}} '''Licence''' |
|||
{{!}}style="padding-left:5px; vertical-align:top;" {{!}} {{{licence}}}}}--> |
|||
|- |
|- |
||
|style="padding |
|style="padding:0;" colspan="2"| |
||
{{#display_map: {{{latitude}}}, {{{longitude}}} |
|||
:'''Coordinates''' are specific to the camera's location, '''not''' the location of the subject. |
|||
|service={{{service}}} |
|||
⚫ | |||
|static={{{static}}} |
|||
|}<!--</div></div>--> |
|||
|zoom={{{zoom}}} |
|||
<!--<div class="mainpage-column"><div class="mainpage-column-second">--> |
|||
|fullscreen={{{fullscreen}}} |
|||
{|style="width:100%; font-size:90%; color:var(--color-bease-emphasized); background-color:var(--color-surface-2); border:1px solid var(--border-color-base); padding:4px; margin-bottom:0.5em; box-shadow: 0 4px 4px rgba(0,0,0,0.1);" |
|||
|scrollwheelzoom={{{scrollwheel}}} |
|||
!style="background-color:var(--color-surface-4); padding:2px 6px; text-align:center; font-size:110%; font-weight:600; vertical-align:middle;" colspan="2"|Location |
|||
|width={{{width}}} |
|||
|- |
|||
|height={{{height}}} |
|||
|style="padding-top:4px;"| |
|||
⚫ | |||
{{leaflet map |
|||
⚫ | |||
|latitude = {{{latitude}}} |
|||
|longitude = {{{longitude}}} |
|||
|service = leaflet |
|||
|static = no <!--yes or no--> |
|||
|zoom = 15 |
|||
|fullscreen = yes <!--yes or no--> |
|||
|scrollwheel = yes <!--yes or no--> |
|||
|width = |
|||
|height = |
|||
⚫ | |||
⚫ | |||
{| style="width:100%; font-size:90%; color:var(--color-bease-emphasized); background-color:var(--color-surface-2); border:1px solid var(--border-color-base); padding:4px; margin-bottom:1em; box-shadow: 0 4px 4px rgba(0,0,0,0.1);" |
|||
!style="background-color:var(--color-surface-4); padding:2px 6px; text-align:center; font-size:110%; font-weight:600; vertical-align:middle;" colspan="2"|Licensing |
|||
|- |
|||
|style="padding:5px 0;"|{{{licence}}} |
|||
|} |
|} |
||
<!--</div></div>-->{{clear}} |
|||
{{{licence}}} |
|||
{{clear}} |
|||
<noinclude>{{doc|{{Image details/doc}}}}</noinclude> |
<noinclude>{{doc|{{Image details/doc}}}}</noinclude> |
||
<templatestyles src="Template:Image details/styles.css"/> |
Latest revision as of 15:29, 18 August 2024
Description | {{{description}}} |
Date taken | {{{date-taken}}} |
Author | {{{author}}} |
Source | {{{source}}} |
Decimal degrees | {{{latitude}}} / {{{longitude}}} |
OS grid reference | {{{os-grid}}} |
what3words | {{{w3w}}} |
Elevation | {{{elevation}}} |
View direction | {{{view-direction}}} |
Coordinates are specific to the camera's location, not the location of the subject. View direction is an approximation only of a photo's direction of view with a tolerance of +/– 15 degrees. | |
|
{{{licence}}}
Usage
Copy and paste the following syntax into the page and fill out all mandatory parameters (all sections without "optional"). Any empty parameter will be rendered missing on preview. Check and save. Don't forget to add appropriate categories.
{{Image details |description = |date-taken = |author = |source = |licence = <!------------------COORDINATES--> |latitude = |longitude = |dms-latitude = <!--optional--> |dms-longitude = <!--optional--> |os-grid = |w3w = <!--optional--> |elevation = <!--optional--> |view-direction = <!------------------MAP--> |service = leaflet |static = no |zoom = 14 |fullscreen = yes |scrollwheel = no |width = <!--optional--> |height = <!--optional--> |clicktarget = <!--optional--> }}
- description: This must be added. You can make this as long as you like but it must describe the image accurately.
- latitude and longitude: These are used to populate the map and must be in decimal degrees.
- os-grid: The Ordnance Survey National Grid numbers. We use the 1km x 1km square references, i.e., NY 2623.
- w3w: The unique what3words address. The w3w address for NY2623 is redeemed.valuables.commutes Add the w3w with just the words and full stop in between and nothing else; it will be rendered as a hyperlink automatically.
The above documentation is transcluded from Template:Image details/doc.