Changeset 29631 for other-projects

Show
Ignore:
Timestamp:
15.12.2014 11:17:24 (5 years ago)
Author:
davidb
Message:

Folder for our changes

Location:
other-projects/nz-flag-design/trunk/main-form
Files:
1 added
3 modified

Legend:

Unmodified
Added
Removed
  • other-projects/nz-flag-design/trunk/main-form/choose-canvas.html

    r29549 r29631  
    1919          <a href="#" class="next right-button res-fwd" style="right:1%;"></a> 
    2020      <a href="#" class="prev left-button gen-back" style="left:1%;"></a> 
    21         </div>   
     21        </div> 
    2222       
    2323    <div class="story-page"> 
     
    2626      <span class="left story-icon idea" ></span> 
    2727      <h2>Canvas Size</h2>           
    28       <p> 
    29         Choose from the following aspect ratios 
    30       </p>   
     28       
     29        <div class="dialog" id="dialog" title="Ratio Select Dialog" width="800px"> 
     30            <br><br> 
     31            <h2>Please choose from the following aspect ratios.</h2> 
     32            <p>If you hover the mouse over a flag size, you will be able to see some countries that currently use that ratio!</p> 
     33            <div class="centredDiv"> 
     34                <div class="ratioDiv flagHover" id="ratio23" onclick="setRatio(2, 3)" title="2:3"></div> 
     35                <div class="ratioDiv flagHover" id="ratio12" onclick="setRatio(1, 2)" title="1:2"></div> 
     36                <div class="ratioDiv flagHover" id="ratio35" onclick="setRatio(3, 5)" title="3:5"></div> 
     37                <div style="clear: both"></div> 
     38            </div> 
     39            <p class="optionline">2:3 1:2 3:5</p><br> 
     40 
     41            <div class="centredDiv"> 
     42                <div class="ratioDiv flagHover" id="ratio1019" onclick="setRatio(10, 19)" title="10:19"></div> 
     43                <div class="ratioDiv flagHover" id="ratio58" onclick="setRatio(5, 8)" title="5:8"></div> 
     44                <div class="ratioDiv flagHover" id="ratio811" onclick="setRatio(8, 11)" title="8:11"></div> 
     45                <div style="clear: both"></div> 
     46            </div>             
     47            <p class="optionline">10:19 5:8 8:11</p> 
     48        </div> 
     49         
     50        <script> 
     51            function setRatio(height, width) { 
     52                var constant = 100; 
     53                var h = constant; 
     54                var w = (constant / height) * width; 
     55                document.getElementById("svginfo_width").value = w; 
     56                document.getElementById("svginfo_height").value = h; 
     57                alert("Height: " + h + ", Width: " + w); 
     58            }             
     59        </script> 
     60         
    3161      <!-- end of putting custom content --> 
    3262 
  • other-projects/nz-flag-design/trunk/main-form/css/styles.css

    r29530 r29631  
    950950    -o-transition-duration: .375s; 
    951951} 
     952 
     953/*Jojo's changes*/ 
     954.centredDiv { 
     955    margin: 0 auto;    
     956    width: 1300px; 
     957    text-align: center; 
     958} 
     959 
     960.ratioDiv { 
     961    height: 200px; 
     962    margin: 5px; 
     963    display: inline-block; 
     964    background-color: #95BD26; 
     965    border: 1px solid #000; 
     966} 
     967 
     968#ratio23 { width: 300px } 
     969#ratio12 { width: 400px } 
     970#ratio35 { width: 333.3px } 
     971#ratio1019 { width: 380px } 
     972#ratio58 { width: 320px } 
     973#ratio811 { width: 275px } 
     974 
     975.optionline { 
     976    word-spacing: 300px; 
     977    line-height: 5px; 
     978    margin-top: 5px;   
     979    text-align: center; 
     980} 
     981 
     982.flagHover:hover 
     983{ 
     984    position: relative; 
     985} 
     986 
     987.flagHover:hover:after 
     988{ 
     989    content: url(ratio23.png); 
     990    display: block; 
     991    position: absolute; 
     992    left: 250px; 
     993    top: 10px; 
     994} 
  • other-projects/nz-flag-design/trunk/main-form/iterative-design.html

    r29619 r29631  
    1313     class="demo-page"  
    1414     data-dom-cache="true"  
    15      data-prev="choose-palette"> 
     15     data-prev="choose-palette" 
     16     data-next="design-info"> 
    1617       
    1718      <div data-role="content">