User:Borderman/Example flex boxes: Difference between revisions

Content added Content deleted

VisualWikitext

Inline

@@ Line 1: / Line 1: @@
+<div class="row" align="center">
-<!-- The flexible grid (content) -->
-<div class="row">
+ <div class="column">
-  <div class="left">
+  <div class="res-img" style="width:100%">
+[[File:Friar's Crag from Strandshag Bay (6087).jpg|link=Friar's Crag]]
-<div class="res-img" style="margin:0 0 10px 0;" align="center">[[File:{{{image}}}|center|{{{image-size}}}px|{{{image-alt}}}]]<br>{{c|{{{image-caption}}}}}</div>
+[[File:Bowder Stone metal steps (6290).jpg|link=Bowder Stone]]
-    <h3>About the photo</h3>
+[[File:Easedale Tarn (3414).jpg|link=Easedale Tarn]]
-{{{text}}}
+[[File:Lonscale Fell and Blencathra from Walla Crag (6182).jpg|link=Walla Crag]]
-    <p>Some text about me in culpa qui officia deserunt mollit anim..</p>
-  </div>
-  <div class="right">
-{|class="" style="width:auto; font-size:90%; <!--background-color:#f7f7f7; border:1px #ccc solid;--> margin:0; padding:2px; border-collapse:; line-height:2em;"
-|-
-|style="background-color:#f7f7f7; padding-top:4px;" colspan="2" |<div class="res-img">
-{{leaflet map
- |latitude        = {{{latitude}}}
- |longitude       = {{{longitude}}}
- |service         = leaflet
- |static          = no <!--yes or no-->
- |zoom            = 15
- |fullscreen      = yes <!--yes or no-->
- |scrollwheel     = no <!--yes or no-->
- |width           =
- |height          =
- |clicktarget     = }}</div>
-|-
-{{#if:{{{photographer}}}|{{!}}style="width:9em; padding-left:5px; vertical-align:top; background:;" {{!}} '''Photographer'''
-{{!}}style="padding-left:5px; vertical-align:top;" {{!}} {{{photographer}}}}}
-|-
-{{#if:{{{date-taken}}}|{{!}}style="width:9em; padding-left:5px; vertical-align:top; background:;" {{!}} '''Date taken'''
-{{!}}style="padding-left:5px; vertical-align:top;" {{!}} {{{date-taken}}}}}
-|-
-{{#if:{{{latitude}}}{{{longitude}}}|{{!}}style="width:9em; padding-left:5px; vertical-align:top; background:;" {{!}} '''{{w1|Decimal degrees}}'''
-{{!}}style="padding-left:5px; vertical-align:top;" {{!}} {{{latitude}}} / {{{longitude}}}}}
-|-
-{{#if:{{{os-grid}}}|{{!}}style="width:9em; padding-left:5px; vertical-align:top; background:;" {{!}} '''OS grid reference'''
-{{!}}style="padding-left:5px; vertical-align:top;" {{!}} {{{os-grid}}}}}
-|-
-{{#if:{{{w3w}}}|{{!}}style="width:9em; padding-left:5px; vertical-align:top; background:;" {{!}} '''[https://what3words.com what3words]'''
-{{!}}style="padding-left:5px; vertical-align:top;" {{!}} [https://what3words.com/{{{w3w}}} {{{w3w}}}]}}
-|-
-{{#if:{{{elevation}}}|{{!}}style="width:9em; padding-left:5px; vertical-align:top; background:;" {{!}} '''Elevation'''
-{{!}}style="padding-left:5px; vertical-align:top;" {{!}} {{{elevation}}}}}
-|-
-{{#if:{{{view-direction}}}|{{!}}style="width:9em; padding-left:5px; vertical-align:top; background:;" {{!}} '''View direction'''
-{{!}}style="padding-left:5px; vertical-align:top;" {{!}} {{{view-direction}}}}}
-|}
   </div>
+ </div>
+ <div class="column">
+    <div class="res-img" style="width:100%">[[File:Lonscale Fell and Blencathra from Walla Crag (6182).jpg|link=Walla Crag]]{{c|{{x-smaller|[[Walla Crag]]}}}}</div>
+    <div class="res-img" style="width:100%">[[File:Easedale Tarn (3414).jpg|link=Easedale Tarn]]{{c|{{x-smaller|[[Easedale Tarn]]}}}}</div>
+    <div class="res-img" style="width:100%">[[File:Bowder Stone metal steps (6290).jpg|link=Bowder Stone]]{{c|{{x-smaller|[[Bowder Stone]]}}}}</div>
+    <div class="res-img" style="width:100%">[[File:Derwentwater and four isles (6157).jpg|link=Lord's Island]]{{c|{{x-smaller|[[Lord's Island]]}}}}</div>
+ </div>
+ <div class="column">
+    <div class="res-img" style="width:100%">[[File:Friar's Crag from Strandshag Bay (6087).jpg|link=Friar's Crag]]{{c|{{x-smaller|[[Friar's Crag]]}}}}</div>
+    <div class="res-img" style="width:100%">[[File:Bowder Stone metal steps (6290).jpg|link=Bowder Stone]]{{c|{{x-smaller|[[Bowder Stone]]}}}}</div>
+    <div class="res-img" style="width:100%">[[File:Easedale Tarn (3414).jpg|link=Easedale Tarn]]{{c|{{x-smaller|[[Easedale Tarn]]}}}}</div>
+    <div class="res-img" style="width:100%">[[File:Lonscale Fell and Blencathra from Walla Crag (6182).jpg|link=Walla Crag]]{{c|{{x-smaller|[[Walla Crag]]}}}}</div>
+ </div>
+ <div class="column">
+    <div class="res-img" style="width:100%">[[File:Lonscale Fell and Blencathra from Walla Crag (6182).jpg|link=Walla Crag]]{{c|{{x-smaller|[[Walla Crag]]}}}}</div>
+    <div class="res-img" style="width:100%">[[File:Easedale Tarn (3414).jpg|link=Easedale Tarn]]{{c|{{x-smaller|[[Easedale Tarn]]}}}}</div>
+    <div class="res-img" style="width:100%">[[File:Bowder Stone metal steps (6290).jpg|link=Bowder Stone]]{{c|{{x-smaller|[[Bowder Stone]]}}}}</div>
+    <div class="res-img" style="width:100%">[[File:Derwentwater and four isles (6157).jpg|link=Lord's Island]]{{c|{{x-smaller|[[Lord's Island]]}}}}</div>
+ </div>
 </div>

Latest revision as of 21:31, 21 April 2024