Template:Main page body: Difference between revisions

updated nav cards and statsbar
(template created)
 
(updated nav cards and statsbar)
 
(13 intermediate revisions by the same user not shown)
Line 1:
<!------------------------------- MAIN PAGE BODY (NAV-CARDS) ---------------------------->
<div id="card-nav" class="card-grid" role="navigation" style="margin-bottom:0.5em;">
<div class="card-item card--button" id="home-nav">
<div class="card__background">[[File:Sinking of Turkish Warship by British Submarine.jpg|300px|link=The Great War On This Day]]</div>
<div class="card__foreground">On This Day</div>
</div>
 
<div class="card-item card--button" id="home-nav-index">
<div class="card__background">[[File:French Infantry Attacking from a Ruined Farm.jpeg|300px|link=Category:Great War Index]]</div>
<div class="card__foreground">Index</div>
|} </div>
 
<div class="card-item card--button" id="home-nav-glossary">
<div class="card__background">[[File:Scene after landing at V Beach.jpg|300px|link=Category:Glossary of words and phrases]]</div>
<div class="card__foreground">Glossary</div>
</div>
 
<div class="card-item card--button" id="home-nav-speeches">
<div class="card__background">[[File:Parliament Square (14697987597).jpg|300px|link=Speeches of the Great War]]</div>
<div class="card__foreground">Speeches</div>
</div>
 
<div class="card-item card--button" id="home-nav-transcribing">
<div class="card__background">[[File:Textformatting.svg|300px|link=Transcribing the Great war]]</div>
<div class="card__foreground">Transcribing</div>
</div>
</div>
<!------------------------------- MAIN PAGE BODY (FLEX-BOXES) --------------------------->
<div class="flex-container">
<div class="flex-item-1">
<span style="font-size:130%; font-weight:600; padding:0; font-weight:semi-bold; font-family:courier new;">Welcome</span>{{clear}}[[The Great War:About|Learn wiki is a place to transcribe and store copies of old books, newspapers, magazines, and media relating to war; a digital database of publication contemporary with the war that anyone can contribute to.<br>Find out more about [[The Great War:About|this project's aims and goals here]] and get started on your transcribing journey today.
</div>
 
<div class="flex-item-2">
<span style="font-size:130%; font-weight:600; padding:0; font-family:courier new;">Projects</span>{{clear}}Our current ongoing projects include:
*[[The Great War On This Day]]
*{{cat|GlossaryGreat ofWar Words and PhrasesIndex}}
*{{cat|IndexGlossary of Peoplewords and Placesphrases}}
*[[Speeches of the Great War]]
*[[Transcribing the Great War]]
</div>
 
<div class="flex-item-3">{{Main page/editing}}</div>
<span style="font-size:130%; font-weight:600; padding:0; font-family:courier new;">Editing</span>{{clear}}The Great War wiki is always adding new content. Be bold and [[The Great War:Jumping in|jump in]] to get started. So far we have ...
<div align="center">
{| class="basictable" style="width:100%; line-height:1.4em;"
|-
| style="width:50%; color:lightgray;" | {{c|{{smaller|Articles}}}}
| style="width:50%; color:lightgray;" | {{c|{{smaller|Images}}}}
|-
| style="width:50%;" | {{c|{{xxx-larger|{{NUMBEROFARTICLES}}}}}}
| style="width:50%;" | {{c|{{xxx-larger|{{NUMBEROFFILES}}}}}}
|}</div>
</div>
</div>
 
<div class="flex-container">
<div class="flex-item"><span style="font-size:130%; font-weight:600; padding:0; font-family:courier new;">On This day...</span>{{larger|[[{{CURRENTDAY}} {{CURRENTMONTHNAME}}]]}}<br>{{clear}}
<div class="flex-item-1">
<span style="font-size:130%; font-weight:600; padding:0; font-family:courier new;">On This day...</span>{{larger|[[{{CURRENTDAY}} {{CURRENTMONTHNAME}}]]}}<br>{{clear}}
{{:{{CURRENTDAY}} {{CURRENTMONTHNAME}}}}<br>
[[About 'on this day'|Learn more about this project]].
</div>
 
<div class="flex-item-2">
<span style="font-size:130%; font-weight:600; padding:0; font-family:courier new;">Recent Transcription</span>{{clear}}
{{:The Great War:Recent transcriptions/Edward Grey, 4 August 1914}}
Add a recent transcription here
</div>
</div>
<!--------------------- SEPARATE ROW FOR FEATURED IMAGES ---------------------->
__NOTOC__
<span style="font-size:130%; font-weight:600; padding:0; font-family:courier new;">Featured Images</span>
<div class="jcarousel-wrapper">
Line 46 ⟶ 62:
<div class="jcarousel-list">
<div class="jcarousel-item">
{{banner|direction=rightleft|width=2040%|title=British wounded at Bernafay Wood, 19 July 1916|image=British wounded Bernafay Wood 19 July 1916.jpg|quote=}}
</div>
<div class="jcarousel-item">
{{banner|direction=right|width=2045%|title=British Mark I male tank Somme, 25 September 1916|image=British Mark I male tank Somme 25 September 1916.jpg|quote=}}
</div>
<div class="jcarousel-item">
{{banner|direction=left|width=2040%|title=Cinematographer in the Western Front trenches|image=Cinematographer in the renches on the western front, WWI (29316575492).jpg|quote=}}
</div>
<div class="jcarousel-item">
{{banner|direction=right|width=2035%|title=60 pounder at Cape Helles, June 1915|image=60 pounder Cape Helles June 1915.jpg|quote=}}
</div>
<div class="jcarousel-item">
{{banner|direction=left|width=20%|title=Chateau Wood, Ypres 1917|image=Chateau Wood Ypres 1917.jpg|quote=}}
</div>
<div class="jcarousel-item">
{{banner|direction=right|width=2035%|title=Ottoman soldiers standing to attention|image=Ottoman soldiers WWI.jpg|quote=}}
</div>
<div class="jcarousel-item">
{{banner|direction=left|width=70%|title=Canadian soldiers leaving their trench for a raid during the Battle of the Somme|image=Going over the top 02.jpg|quote=It is known that this photograph was taken behind the lines and shows a scene specially set up for the photographer. }}
{{banner|direction=left|width=20%|title=|image=|quote=}}
</div>
<div class="jcarousel-item">
{{banner|direction=right|width=2030%|title=French soldiers, unknown location|image=French trench battle.jpg|quote=}}
</div>
<div class="jcarousel-item">
{{banner|direction=left|width=2040%|title=British infantry at Morval, 25 September 1916|image=British infantry Morval 25 September 1916.jpg|quote=}}
</div>
<div class="jcarousel-item">
{{banner|direction=left|width=2050%|title=HMS Cressy, sunk on 22 September 1914 by German U-boat U-9|image=HMS Cressy.jpg|quote=}}
</div>
<div class="jcarousel-item">
{{banner|direction=left|width=20%|title=|image=|quote=}}
</div>
<div class="jcarousel-item">
{{banner|direction=right|width=20%|title=|image=|quote=}}
</div>
</div>
Line 87 ⟶ 97:
<p class="jcarousel-pagination"></p>
</div>
{{clear}}
</div>
</div>
<noinclude>
[[Category:Templates]]