Predložak:Kronologija iPod modela: razlika između inačica

Izvor: Hrvatska internetska enciklopedija
Prijeđi na navigaciju Prijeđi na pretraživanje
← Starija izmjenaNovija izmjena →
Nema sažetka uređivanja
Oznaka: uklonjeno uređivanje
Nema sažetka uređivanja
Oznaka: uklonjeno uređivanje
Redak 1: Redak 1:
{{#if:{{{vertical|}}}|
<figure style="width:100%; overflow-x:auto; border:1px solid #ccc; padding:4px; background:#fff;">
<div style="width:100%; overflow-x:auto; padding:3px; border:1px solid silver;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 260" role="img" aria-label="Kronologija iPod modela">
{{#tag:timeline|
orientation:vertical
DateFormat = dd/mm/yyyy
Define $now = 12/01/2026
Define $later = 12/02/2027
Period = from:15/10/2001 till:$later
Define $skip = at:end
Define $dayunknown = 15


ImageSize = width:600 height:auto barincrement:20
  <!-- Pozadina -->
PlotArea = right:1 left:1 bottom:1 top:1
  <rect x="0" y="0" width="1000" height="260" fill="white" />


Legend = orientation:vertical position:bottom columns:4
  <!-- Vremenska os (godine) -->
  <g font-family="sans-serif" font-size="10" fill="#555">
    <!-- horizontalna linija -->
    <line x1="60" y1="30" x2="980" y2="30" stroke="#aaa" stroke-width="1" />
    <!-- godine 2001–2015 -->
    <!-- Svaka godina ~65 px razmaka -->
    <!-- x = 60 + (godina - 2001)*65 -->
    {{#tag:nowiki|
    <text x="60"  y="25">2001</text>
    <text x="125" y="25">2002</text>
    <text x="190" y="25">2003</text>
    <text x="255" y="25">2004</text>
    <text x="320" y="25">2005</text>
    <text x="385" y="25">2006</text>
    <text x="450" y="25">2007</text>
    <text x="515" y="25">2008</text>
    <text x="580" y="25">2009</text>
    <text x="645" y="25">2010</text>
    <text x="710" y="25">2011</text>
    <text x="775" y="25">2012</text>
    <text x="840" y="25">2013</text>
    <text x="905" y="25">2014</text>
    <text x="970" y="25">2015</text>
    }}
  </g>


Colors =
  <!-- Legenda -->
   id:bg value:white
   <g font-family="sans-serif" font-size="10">
  id:lightline value:rgb(0.9,0.9,0.9)
    <rect x="60" y="230" width="12" height="8" fill="#bfc9ff" />
  id:lighttext value:rgb(0.5,0.5,0.5)
    <text x="78" y="237" fill="#333">Classic</text>


  id:classic value:rgb(0.6,0.6,1)
    <rect x="150" y="230" width="12" height="8" fill="#c9f0b5" />
  id:mini value:rgb(0.9,1,0.8)
    <text x="168" y="237" fill="#333">Mini / Nano</text>
  id:nano value:rgb(0.7,0.9,0.8)
  id:shuffle value:rgb(1,0.9,0.4)
  id:touch value:rgb(0.9,0.9,0.9)
  id:current value:rgb(0.9,0.9,0.9)


BackgroundColors = canvas:bg
    <rect x="260" y="230" width="12" height="8" fill="#ffd27f" />
    <text x="278" y="237" fill="#333">Shuffle</text>


BarData =
    <rect x="360" y="230" width="12" height="8" fill="#e0e0e0" />
  barset:shuffle
    <text x="378" y="237" fill="#333">Touch</text>
  barset:minano
   </g>
  barset:classic
   barset:touch


PlotData=
  <!-- Labele redova -->
   width:15 textcolor:black shift:(5,-5) anchor:from fontsize:s
  <g font-family="sans-serif" font-size="11" fill="#333">
    <text x="10" y="70">Classic</text>
    <text x="10" y="110">Mini / Nano</text>
    <text x="10" y="150">Shuffle</text>
    <text x="10" y="190">Touch</text>
   </g>


   # Primjer s tooltipovima i ikonama
   <!-- Skala pomoćna funkcija (komentar):
  barset:shuffle
      Classic 1G: 10/2001–07/2002 → x≈60 do x≈160
  color:shuffle from:11/01/2005 till:12/09/2006 text:"[[Datoteka:IPod_shuffle_1G.png|20px]] Shuffle 1G" tooltip:"Objavljen 2005., ukinut 2006."
      U nastavku su ručno podešene širine, možeš ih fino dotjerivati.
   $skip
   -->
  barset:break
  color:shuffle from:12/09/2006 till:$now text:"[[Datoteka:IPod_shuffle_2G.png|20px]] Shuffle 2G (zadnji model)" tooltip:"Objavljen 2006., posljednji model"


   # Ostale linije se dodaju isto kao u horizontalnoj verziji
   <!-- CLASSIC linija (y=60) -->
}}
  <g font-family="sans-serif" font-size="9" fill="#000">
</div>
    <!-- Classic 1G -->
|
    <rect x="60" y="55" width="90" height="14" fill="#dde3ff" />
<!-- HORIZONTALNA VERZIJA -->
    <title>iPod Classic 1. generacije (2001–2002)</title>
<div style="width:100%; overflow-x:auto; padding:3px; border:1px solid silver;">
    <text x="63" y="65">1G</text>


{{#tag:timeline|
    <!-- Classic 2G -->
DateFormat = dd/mm/yyyy
    <rect x="110" y="55" width="90" height="14" fill="#cfd8ff" />
Define $now = 12/01/2026
    <title>iPod Classic 2. generacije (2002–2003)</title>
Define $later = 12/02/2027
    <text x="113" y="65">2G</text>
Period = from:15/10/2001 till:$later
Define $skip = at:end
Define $dayunknown = 15


ImageSize = width:900 height:auto barincrement:20
    <!-- Classic 3G -->
TimeAxis = orientation:horizontal
    <rect x="175" y="55" width="90" height="14" fill="#c0cbff" />
PlotArea = right:1 left:1 bottom:130 top:1
    <title>iPod Classic 3. generacije (2003–2004)</title>
    <text x="178" y="65">3G</text>


Legend = orientation:vertical position:bottom columns:4
    <!-- Classic 4G -->
    <rect x="240" y="55" width="90" height="14" fill="#b0bdff" />
    <title>iPod Classic 4. generacije (2004–2005)</title>
    <text x="243" y="65">4G</text>


Colors =
    <!-- Photo / Color (spojeno u jedan blok radi preglednosti) -->
  id:bg value:white
    <rect x="305" y="55" width="100" height="14" fill="#a2b0ff" />
  id:lightline value:rgb(0.9,0.9,0.9)
    <title>iPod Photo / Color (2004–2005)</title>
  id:lighttext value:rgb(0.5,0.5,0.5)
    <text x="308" y="65">Photo / Color</text>


  id:classic value:rgb(0.6,0.6,1)
    <!-- Classic 5G -->
  id:mini value:rgb(0.9,1,0.8)
    <rect x="380" y="55" width="120" height="14" fill="#93a2ff" />
  id:nano value:rgb(0.7,0.9,0.8)
    <title>iPod Classic 5. generacije (2005–2007)</title>
  id:shuffle value:rgb(1,0.9,0.4)
    <text x="383" y="65">5G</text>
  id:touch value:rgb(0.9,0.9,0.9)
  id:current value:rgb(0.9,0.9,0.9)


BackgroundColors = canvas:bg
    <!-- Classic 6G (zadnji model) -->
    <rect x="470" y="55" width="220" height="14" fill="#7e8fff" />
    <title>iPod Classic 6. generacije (2007–2014) – zadnji model</title>
    <text x="473" y="65">6G (zadnji)</text>
  </g>


BarData =
  <!-- MINI / NANO linija (y=100) -->
   barset:shuffle
   <g font-family="sans-serif" font-size="9" fill="#000">
  barset:minano
    <!-- Mini 1G -->
  barset:classic
    <rect x="250" y="95" width="70" height="14" fill="#d7f5c3" />
  barset:touch
    <title>iPod Mini 1. generacije (2004–2005)</title>
    <text x="253" y="105">Mini 1G</text>


PlotData=
    <!-- Mini 2G -->
  width:15 textcolor:black shift:(5,-5) anchor:from fontsize:s
    <rect x="300" y="95" width="60" height="14" fill="#c9f0b5" />
    <title>iPod Mini 2. generacije (2005)</title>
    <text x="303" y="105">Mini 2G</text>


  # SHUFFLE
    <!-- Nano 1G–6G (grubo spajano u blokove, možeš cijepati po želji) -->
  barset:shuffle
    <rect x="340" y="95" width="70" height="14" fill="#b8e8c0" />
  color:shuffle from:11/01/2005 till:12/09/2006 text:"[[Datoteka:IPod_shuffle_1G.png|20px]] Shuffle 1G" tooltip:"Objavljen 2005., ukinut 2006."
    <title>iPod Nano 1–2G (2005–2007)</title>
  $skip
    <text x="343" y="105">Nano 1–2G</text>
  barset:break
  color:shuffle from:12/09/2006 till:$now text:"[[Datoteka:IPod_shuffle_2G.png|20px]] Shuffle 2G (zadnji model)" tooltip:"Objavljen 2006., posljednji model"
  barset:break
  color:current from:$now till:end


  # MINI + NANO
    <rect x="395" y="95" width="80" height="14" fill="#a3dec0" />
  barset:minano
    <title>iPod Nano 3–4G (2007–2009)</title>
  color:mini from:06/01/2004 till:23/02/2005 text:"[[Datoteka:IPod_mini_1G.png|20px]] Mini 1G"
    <text x="398" y="105">Nano 3–4G</text>
  barset:break
  color:nano from:07/09/2005 till:$now text:"[[Datoteka:IPod_nano_7G.png|20px]] Nano 7G (zadnji model)"
  barset:break
  color:current from:$now till:end


  # CLASSIC
    <rect x="460" y="95" width="80" height="14" fill="#8dd5c0" />
  barset:classic
    <title>iPod Nano 5–6G (2009–2012)</title>
  color:classic from:23/10/2001 till:08/09/2014 text:"[[Datoteka:IPod_classic.png|20px]] Classic (zadnji model)"
    <text x="463" y="105">Nano 5–6G</text>
  barset:break
  color:current from:$now till:end


  # TOUCH
    <!-- Nano 7G (zadnji model) -->
  barset:touch
    <rect x="530" y="95" width="160" height="14" fill="#77cbbf" />
  color:touch from:14/09/2007 till:$now text:"[[Datoteka:IPod_touch_6G.png|20px]] Touch 6G (zadnji model)"
    <title>iPod Nano 7. generacije (2012–2015) – zadnji model</title>
   barset:break
    <text x="533" y="105">Nano 7G (zadnji)</text>
  color:current from:$now till:end
   </g>


}}
  <!-- SHUFFLE linija (y=140) -->
</div>
  <g font-family="sans-serif" font-size="9" fill="#000">
}}
    <!-- Shuffle 1G -->
    <rect x="360" y="135" width="70" height="14" fill="#ffe4a8" />
    <title>iPod Shuffle 1G (2005–2006)</title>
    <text x="363" y="145">Shuffle 1G</text>
 
    <!-- Shuffle 2G -->
    <rect x="415" y="135" width="80" height="14" fill="#ffd27f" />
    <title>iPod Shuffle 2G (2006–2009)</title>
    <text x="418" y="145">Shuffle 2G</text>
 
    <!-- Shuffle 3G -->
    <rect x="470" y="135" width="60" height="14" fill="#ffc062" />
    <title>iPod Shuffle 3G (2009–2010)</title>
    <text x="473" y="145">Shuffle 3G</text>
 
    <!-- Shuffle 4G (zadnji model) -->
    <rect x="520" y="135" width="140" height="14" fill="#ffae45" />
    <title>iPod Shuffle 4G (2010–2015) – zadnji model</title>
    <text x="523" y="145">Shuffle 4G (zadnji)</text>
  </g>
 
  <!-- TOUCH linija (y=180) -->
  <g font-family="sans-serif" font-size="9" fill="#000">
    <!-- Touch 1–3G -->
    <rect x="450" y="175" width="90" height="14" fill="#e6e6e6" />
    <title>iPod Touch 1–3G (2007–2010)</title>
    <text x="453" y="185">Touch 1–3G</text>
 
    <!-- Touch 4G -->
    <rect x="510" y="175" width="90" height="14" fill="#d4d4d4" />
    <title>iPod Touch 4G (2010–2013)</title>
    <text x="513" y="185">Touch 4G</text>
 
    <!-- Touch 5–6G (zadnji model) -->
    <rect x="570" y="175" width="170" height="14" fill="#c2c2c2" />
    <title>iPod Touch 5–6G (2012–2015) – zadnji model</title>
    <text x="573" y="185">Touch 5–6G (zadnji)</text>
  </g>
 
</svg>
<figcaption style="font-size:90%; text-align:center;">Kronologija iPod modela (približna vremenska skala, ručno izrađen SVG).</figcaption>
</figure>

Inačica od 12. siječanj 2026. u 12:50

<figure style="width:100%; overflow-x:auto; border:1px solid #ccc; padding:4px; background:#fff;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 260" role="img" aria-label="Kronologija iPod modela"> 

 <rect x="0" y="0" width="1000" height="260" fill="white" />

 <g font-family="sans-serif" font-size="10" fill="#555">
   <line x1="60" y1="30" x2="980" y2="30" stroke="#aaa" stroke-width="1" />
   
    <text x="60"  y="25">2001</text>
    <text x="125" y="25">2002</text>
    <text x="190" y="25">2003</text>
    <text x="255" y="25">2004</text>
    <text x="320" y="25">2005</text>
    <text x="385" y="25">2006</text>
    <text x="450" y="25">2007</text>
    <text x="515" y="25">2008</text>
    <text x="580" y="25">2009</text>
    <text x="645" y="25">2010</text>
    <text x="710" y="25">2011</text>
    <text x="775" y="25">2012</text>
    <text x="840" y="25">2013</text>
    <text x="905" y="25">2014</text>
    <text x="970" y="25">2015</text>
    
 </g>

 <g font-family="sans-serif" font-size="10">
   <rect x="60" y="230" width="12" height="8" fill="#bfc9ff" />
   <text x="78" y="237" fill="#333">Classic</text>

   <rect x="150" y="230" width="12" height="8" fill="#c9f0b5" />
   <text x="168" y="237" fill="#333">Mini / Nano</text>

   <rect x="260" y="230" width="12" height="8" fill="#ffd27f" />
   <text x="278" y="237" fill="#333">Shuffle</text>

   <rect x="360" y="230" width="12" height="8" fill="#e0e0e0" />
   <text x="378" y="237" fill="#333">Touch</text>
 </g>

 <g font-family="sans-serif" font-size="11" fill="#333">
   <text x="10" y="70">Classic</text>
   <text x="10" y="110">Mini / Nano</text>
   <text x="10" y="150">Shuffle</text>
   <text x="10" y="190">Touch</text>
 </g>



 <g font-family="sans-serif" font-size="9" fill="#000">
   <rect x="60" y="55" width="90" height="14" fill="#dde3ff" />
   <title>iPod Classic 1. generacije (2001–2002)</title>
   <text x="63" y="65">1G</text>

   <rect x="110" y="55" width="90" height="14" fill="#cfd8ff" />
   <title>iPod Classic 2. generacije (2002–2003)</title>
   <text x="113" y="65">2G</text>

   <rect x="175" y="55" width="90" height="14" fill="#c0cbff" />
   <title>iPod Classic 3. generacije (2003–2004)</title>
   <text x="178" y="65">3G</text>

   <rect x="240" y="55" width="90" height="14" fill="#b0bdff" />
   <title>iPod Classic 4. generacije (2004–2005)</title>
   <text x="243" y="65">4G</text>

   <rect x="305" y="55" width="100" height="14" fill="#a2b0ff" />
   <title>iPod Photo / Color (2004–2005)</title>
   <text x="308" y="65">Photo / Color</text>

   <rect x="380" y="55" width="120" height="14" fill="#93a2ff" />
   <title>iPod Classic 5. generacije (2005–2007)</title>
   <text x="383" y="65">5G</text>

   <rect x="470" y="55" width="220" height="14" fill="#7e8fff" />
   <title>iPod Classic 6. generacije (2007–2014) – zadnji model</title>
   <text x="473" y="65">6G (zadnji)</text>
 </g>

 <g font-family="sans-serif" font-size="9" fill="#000">
   <rect x="250" y="95" width="70" height="14" fill="#d7f5c3" />
   <title>iPod Mini 1. generacije (2004–2005)</title>
   <text x="253" y="105">Mini 1G</text>

   <rect x="300" y="95" width="60" height="14" fill="#c9f0b5" />
   <title>iPod Mini 2. generacije (2005)</title>
   <text x="303" y="105">Mini 2G</text>

   <rect x="340" y="95" width="70" height="14" fill="#b8e8c0" />
   <title>iPod Nano 1–2G (2005–2007)</title>
   <text x="343" y="105">Nano 1–2G</text>

   <rect x="395" y="95" width="80" height="14" fill="#a3dec0" />
   <title>iPod Nano 3–4G (2007–2009)</title>
   <text x="398" y="105">Nano 3–4G</text>

   <rect x="460" y="95" width="80" height="14" fill="#8dd5c0" />
   <title>iPod Nano 5–6G (2009–2012)</title>
   <text x="463" y="105">Nano 5–6G</text>

   <rect x="530" y="95" width="160" height="14" fill="#77cbbf" />
   <title>iPod Nano 7. generacije (2012–2015) – zadnji model</title>
   <text x="533" y="105">Nano 7G (zadnji)</text>
 </g>

 <g font-family="sans-serif" font-size="9" fill="#000">
   <rect x="360" y="135" width="70" height="14" fill="#ffe4a8" />
   <title>iPod Shuffle 1G (2005–2006)</title>
   <text x="363" y="145">Shuffle 1G</text>

   <rect x="415" y="135" width="80" height="14" fill="#ffd27f" />
   <title>iPod Shuffle 2G (2006–2009)</title>
   <text x="418" y="145">Shuffle 2G</text>

   <rect x="470" y="135" width="60" height="14" fill="#ffc062" />
   <title>iPod Shuffle 3G (2009–2010)</title>
   <text x="473" y="145">Shuffle 3G</text>

   <rect x="520" y="135" width="140" height="14" fill="#ffae45" />
   <title>iPod Shuffle 4G (2010–2015) – zadnji model</title>
   <text x="523" y="145">Shuffle 4G (zadnji)</text>
 </g>

 <g font-family="sans-serif" font-size="9" fill="#000">
   <rect x="450" y="175" width="90" height="14" fill="#e6e6e6" />
   <title>iPod Touch 1–3G (2007–2010)</title>
   <text x="453" y="185">Touch 1–3G</text>

   <rect x="510" y="175" width="90" height="14" fill="#d4d4d4" />
   <title>iPod Touch 4G (2010–2013)</title>
   <text x="513" y="185">Touch 4G</text>

   <rect x="570" y="175" width="170" height="14" fill="#c2c2c2" />
   <title>iPod Touch 5–6G (2012–2015) – zadnji model</title>
   <text x="573" y="185">Touch 5–6G (zadnji)</text>
 </g>

</svg> <figcaption style="font-size:90%; text-align:center;">Kronologija iPod modela (približna vremenska skala, ručno izrađen SVG).</figcaption> </figure>

Dobavljeno iz "https://enciklopedija.cc/index.php?title=Predložak:Kronologija_iPod_modela&oldid=640350"