Changeset 38311 for gs3-installations


Ignore:
Timestamp:
2023-10-15T23:55:41+13:00 (8 months ago)
Author:
davidb
Message:

More careful testing with tablet-sized and mobile-sized screens

Location:
gs3-installations/thewillow/trunk/interfaces/thewillow
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • gs3-installations/thewillow/trunk/interfaces/thewillow/style/core-extra.css

    r38076 r38311  
    452452    background-color: #E6E6E6;
    453453}
     454
     455
     456
     457
     458
     459#new-banner {
     460    width: 1280px;
     461    background-size: cover;
     462    margin-left: auto;
     463    margin-right: auto;
     464    height: 250px;       
     465}
     466
     467.new-banner-page-about {
     468    background-image: url(../images/banner-images/1-Willow-Exterior-York-Press.png);
     469}       
     470
     471.new-banner-page-stories {
     472    background-image: url(../images/banner-images/2-willow-york-ceri-oakes-tommy.png);
     473}       
     474
     475.new-banner-action-query {
     476    background-image: url(../images/banner-images/9-Rainbow-Plaque.png);
     477}       
     478
     479.new-banner-doc-itb-video {
     480    background-image: url(../images/banner-images/3-Soo-and-Tommy-in-the-Willow-Restaurant-%20Vicki-Fong.png);
     481}
     482.new-banner-doc-wg-video {
     483    background-image: url(../images/banner-images/4-I-love-Willow-The-Tab.png);
     484}
     485.new-banner-doc-li-video {
     486    background-image: url(../images/banner-images/5-love-it-Ceri-Oakes.png);
     487}
     488.new-banner-doc-cd-video {
     489    background-image: url(../images/banner-images/6-cheap-drinks-Ceri-Oakes.png);
     490}
     491.new-banner-doc-cm-video {
     492    background-image: url(../images/banner-images/7-Cheesy-Music.png);
     493}
     494.new-banner-doc-tln-video {
     495    background-image: url(../images/banner-images/8-The-Last-Night.png);
     496}
     497.new-banner-doc-default-video {
     498    background-image: url(../images/banner-images/1-Willow-Exterior-York-Press.png);
     499}       
     500
     501.new-banner-page-tandc {
     502    background-image: url(../images/banner-images/11-Terms-and-conditions.png);
     503}
     504.new-banner-page-copyright {
     505    background-image: url(../images/banner-images/12-copyright.png);
     506}
     507
     508.new-banner-page-ats {
     509    background-image: url(../images/banner-images/13-About-this-site.png);
     510}
     511.new-banner-page-privacy {
     512    background-image: url(../images/banner-images/14-privacy.png);
     513}
     514.new-banner-page-contact-us {
     515    background-image: url(../images/banner-images/15-Willow-Sign.png);
     516}       
     517
     518#over-banner-logo {
     519    background-image: url(../images/willow-streetlife-motif-logo-vicki-fong-2023.png);
     520    background-size: cover;
     521    height: 240px;
     522    width: 175px;
     523}
     524
     525
     526#gs_footer .ft-row {
     527    position: relative;
     528}
     529
     530#gs_footer .ft-column {
     531    float: left;
     532    width: 12.5%;
     533    text-align: left;
     534}
     535
     536#gs_footer .ft-column-lr-gap {
     537    width: 40%;
     538}
     539   
     540#gs_footer .ftlogo-column {
     541    display: flex;
     542    justify-content: center;
     543    align-items: end; /* used to be center */
     544   
     545    float: left;
     546    width: 13.5%; /* used to be 15% */
     547    height: 90px;
     548}
     549
     550#gs_footer .ft-outer-div {
     551    background-color: #FFFFFF;
     552    border: none;
     553    color: #595959;
     554}
     555#gs_footer a {
     556    color: #595959;
     557}
     558
     559#ft-logo-l-padding {
     560    width: 8%;
     561}
     562
     563
     564#ft-logo-streetlife {
     565    background-image: url('../images/footer-logos/1 StreetLife-logo.png');
     566    background-position: center;
     567    background-size: auto 80px;
     568    background-repeat: no-repeat;
     569    height: 80px;
     570    margin-bottom: 5px;
     571}
     572
     573#ft-logo-yorkuni {
     574    background-image: url('../images/footer-logos/2 UOY-Logo-Stacked-shield-Black.png');
     575    background-position: center;
     576    background-size: auto 45px;
     577    background-repeat: no-repeat;
     578    height: 45px;
     579    margin-bottom: 5px;
     580}
     581
     582#ft-logo-ukri {
     583    background-image: url('../images/footer-logos/3 UK-Research-and-Innovation-(UKRI).png');
     584    background-position: center;
     585    background-size: auto 33px;
     586    background-repeat: no-repeat;
     587    height: 33px;
     588    margin-bottom: 14px;
     589}
     590
     591#ft-logo-thomfong {
     592    background-image: url('../images/footer-logos/4 ThomFong-illustrated-small-logo.png');
     593    background-position: center;
     594    background-size: auto 80px;
     595    background-repeat: no-repeat;
     596    height: 80px;
     597    /*margin-bottom: 5px; */
     598}
     599
     600#ft-logo-explore-libarch {
     601    background-image: url('../images/footer-logos/5 Explore-LibArch-coloured.png');
     602    background-position: center;
     603    background-size: auto 45px;
     604    background-repeat: no-repeat;
     605    height: 45px;
     606    margin-bottom: 7px;
     607}
     608
     609#ft-logo-greenstone {
     610    background-image: url('../images/footer-logos/6 gsdl-server.png');
     611    background-position: center;
     612    background-size: auto 55px;
     613    background-repeat: no-repeat;
     614    height: 55px;
     615    /*margin-bottom: 5px; */
     616}
     617
     618#ft-logo-greenstone-text {
     619    font-size: 120%;
     620}
     621
     622
     623
     624/* Tablet Friendly Banner Headers */
     625/* @media only screen and (max-width: 640px) { */
     626@media (max-width: 1280px) {
     627
     628    /* Based loosely on, https://www.portabludesign.com/blog/mobile-background-css-squarespace */
     629
     630    #container {
     631    width: 100%;
     632    max-width: revert;
     633    min-width: 640px;
     634    }
     635
     636    #topArea {
     637    width: 100%;
     638    max-width: revert;
     639    min-width: 640px;
     640    }
     641
     642   
     643    #new-banner {
     644    min-width: 640px;
     645    max-width: revert;
     646    width: 100%;
     647    background-size: cover;
     648    margin-left: auto;
     649    margin-right: auto;
     650    height: 125px;
     651    }
     652   
     653    .new-banner-page-about {
     654    background-image: url(../images/banner-images-mobile/1-Willow-Exterior-York-Press.png);
     655    }       
     656   
     657    .new-banner-page-stories {
     658    background-image: url(../images/banner-images-mobile/2-willow-york-ceri-oakes-tommy.png);
     659    }       
     660   
     661    .new-banner-action-query {
     662    background-image: url(../images/banner-images-mobile/9-Rainbow-Plaque.png);
     663    }       
     664   
     665    .new-banner-doc-itb-video {
     666    background-image: url(../images/banner-images-mobile/3-Soo-and-Tommy-in-the-Willow-Restaurant-%20Vicki-Fong.png);
     667    }
     668    .new-banner-doc-wg-video {
     669    background-image: url(../images/banner-images-mobile/4-I-love-Willow-The-Tab.png);
     670    }
     671    .new-banner-doc-li-video {
     672    background-image: url(../images/banner-images-mobile/5-love-it-Ceri-Oakes.png);
     673    }
     674    .new-banner-doc-cd-video {
     675    background-image: url(../images/banner-images-mobile/6-cheap-drinks-Ceri-Oakes.png);
     676    }
     677    .new-banner-doc-cm-video {
     678    background-image: url(../images/banner-images-mobile/7-Cheesy-Music.png);
     679    }
     680    .new-banner-doc-tln-video {
     681    background-image: url(../images/banner-images-mobile/8-The-Last-Night.png);
     682    }
     683    .new-banner-doc-default-video {
     684    background-image: url(../images/banner-images-mobile/1-Willow-Exterior-York-Press.png);
     685    }       
     686   
     687    .new-banner-page-tandc {
     688    background-image: url(../images/banner-images-mobile/11-Terms-and-conditions.png);
     689    }
     690    .new-banner-page-copyright {
     691    background-image: url(../images/banner-images-mobile/12-copyright.png);
     692    }
     693   
     694    .new-banner-page-ats {
     695    background-image: url(../images/banner-images-mobile/13-About-this-site.png);
     696    }
     697    .new-banner-page-privacy {
     698    background-image: url(../images/banner-images-mobile/14-privacy.png);
     699    }
     700    .new-banner-page-contact-us {
     701    background-image: url(../images/banner-images-mobile/15-Willow-Sign.png);
     702    }       
     703   
     704    #over-banner-logo {
     705    background-image: url(../images/willow-streetlife-motif-logo-vicki-fong-2023-mobile.png);
     706    background-size: cover;
     707    height: 120px;
     708    width:  87px;
     709    }
     710
     711
     712    #gs_footer .ft-column {
     713    /*width: 19%; */
     714    /*width: revert;
     715    max-width: 25rem; */
     716    width: 9.5rem;
     717    }
     718   
     719    #gs_footer .ft-column-lr-gap {
     720    /*width: 42%; */
     721    width: inherit;
     722    /*min-width: 18%;
     723    max-width: 42%; */
     724    }
     725
     726    #gs_footer .ft-column-dms {
     727    float: right;
     728    width: 200px;
     729    /*max-width: revert; */
     730    max-width: 19%;
     731    }
     732
     733    #gs_footer .ftlogo-column {
     734    height: 70px;
     735    }
     736   
     737    #ft-logo-streetlife {
     738    background-image: url('../images/footer-logos-tablet/1 StreetLife-logo.png');
     739    background-size: auto 60px;
     740    height: 60px;
     741    }
     742
     743    #ft-logo-yorkuni {
     744    background-image: url('../images/footer-logos-tablet/2 UOY-Logo-Stacked-shield-Black.png');
     745    background-size: auto 34px;
     746    height: 34px;
     747    }
     748
     749    #ft-logo-ukri {
     750    background-image: url('../images/footer-logos-tablet/3 UK-Research-and-Innovation-(UKRI).png');
     751    background-size: auto 25px;
     752    height: 25px;
     753    }
     754
     755    #ft-logo-thomfong {
     756    background-image: url('../images/footer-logos-tablet/4 ThomFong-illustrated-small-logo.png');
     757    background-size: auto 60px;
     758    height: 60px;
     759    }
     760
     761    #ft-logo-explore-libarch {
     762    background-image: url('../images/footer-logos-tablet/5 Explore-LibArch-coloured.png');
     763    background-size: auto 34px;
     764    height: 34px;
     765    }
     766
     767    #ft-logo-greenstone {
     768    background-image: url('../images/footer-logos-tablet/6 gsdl-server.png');
     769    background-size: auto 41px;
     770    height: 41px;
     771    }
     772    #ft-logo-greenstone-text {
     773    font-size: 100%;
     774    margin-top: -6px;
     775    }
     776
     777}
     778
     779/* for footers, need to kick in with ones designed for mobile as bit sooner */
     780
     781@media (max-width: 860px) {
     782
     783    #gs_footer .ftlogo-column {
     784    height: 40px;
     785    width: 16%;
     786    }
     787   
     788    #ft-logo-l-padding {
     789    width: 4% !important;
     790    }
     791   
     792    #ft-logo-streetlife {
     793    background-image: url('../images/footer-logos-mobile/1 StreetLife-logo.png');
     794    background-size: auto 40px;
     795    height: 40px;
     796    }
     797
     798    #ft-logo-yorkuni {
     799    background-image: url('../images/footer-logos-mobile/2 UOY-Logo-Stacked-shield-Black.png');
     800    background-size: auto 23px;
     801    height: 23px;
     802    }
     803
     804    #ft-logo-ukri {
     805    background-image: url('../images/footer-logos-mobile/3 UK-Research-and-Innovation-(UKRI).png');
     806    background-size: auto 17px;
     807    height: 17px;
     808    }
     809
     810    #ft-logo-thomfong {
     811    background-image: url('../images/footer-logos-mobile/4 ThomFong-illustrated-small-logo.png');
     812    background-size: auto 40px;
     813    height: 40px;
     814    }
     815
     816    #ft-logo-explore-libarch {
     817    background-image: url('../images/footer-logos-mobile/5 Explore-LibArch-coloured.png');
     818    background-size: auto 23px;
     819    height: 23px;
     820    }
     821
     822    #ft-logo-greenstone {
     823    background-image: url('../images/footer-logos-mobile/6 gsdl-server.png');
     824    background-size: auto 28px;
     825    height: 28ƒpx;
     826    }   
     827}
     828
     829/* Mobile Friendly Banner Headers, kicks in at 640px, and tested at 320px */
     830/* @media only screen and (max-width: 640px) { */
     831@media (max-width: 640px) {
     832
     833    /* Based loosely on, https://www.portabludesign.com/blog/mobile-background-css-squarespace */
     834
     835    #container {
     836    width: 100%;
     837    max-width: revert;
     838    min-width: 320px;
     839    }
     840
     841    #topArea {
     842    width: 100%;
     843    max-width: revert;
     844    min-width: 320px;
     845    }
     846
     847   
     848    #new-banner {
     849    min-width: 320px;
     850    max-width: revert;
     851    width: 100%;
     852    background-size: cover;
     853    margin-left: auto;
     854    margin-right: auto;
     855    height: 62px;
     856    }
     857   
     858    .new-banner-page-about {
     859    background-image: url(../images/banner-images-mobile/1-Willow-Exterior-York-Press.png);
     860    }       
     861   
     862    .new-banner-page-stories {
     863    background-image: url(../images/banner-images-mobile/2-willow-york-ceri-oakes-tommy.png);
     864    }       
     865   
     866    .new-banner-action-query {
     867    background-image: url(../images/banner-images-mobile/9-Rainbow-Plaque.png);
     868    }       
     869   
     870    .new-banner-doc-itb-video {
     871    background-image: url(../images/banner-images-mobile/3-Soo-and-Tommy-in-the-Willow-Restaurant-%20Vicki-Fong.png);
     872    }
     873    .new-banner-doc-wg-video {
     874    background-image: url(../images/banner-images-mobile/4-I-love-Willow-The-Tab.png);
     875    }
     876    .new-banner-doc-li-video {
     877    background-image: url(../images/banner-images-mobile/5-love-it-Ceri-Oakes.png);
     878    }
     879    .new-banner-doc-cd-video {
     880    background-image: url(../images/banner-images-mobile/6-cheap-drinks-Ceri-Oakes.png);
     881    }
     882    .new-banner-doc-cm-video {
     883    background-image: url(../images/banner-images-mobile/7-Cheesy-Music.png);
     884    }
     885    .new-banner-doc-tln-video {
     886    background-image: url(../images/banner-images-mobile/8-The-Last-Night.png);
     887    }
     888    .new-banner-doc-default-video {
     889    background-image: url(../images/banner-images-mobile/1-Willow-Exterior-York-Press.png);
     890    }       
     891   
     892    .new-banner-page-tandc {
     893    background-image: url(../images/banner-images-mobile/11-Terms-and-conditions.png);
     894    }
     895    .new-banner-page-copyright {
     896    background-image: url(../images/banner-images-mobile/12-copyright.png);
     897    }
     898   
     899    .new-banner-page-ats {
     900    background-image: url(../images/banner-images-mobile/13-About-this-site.png);
     901    }
     902    .new-banner-page-privacy {
     903    background-image: url(../images/banner-images-mobile/14-privacy.png);
     904    }
     905    .new-banner-page-contact-us {
     906    background-image: url(../images/banner-images-mobile/15-Willow-Sign.png);
     907    }       
     908   
     909    #over-banner-logo {
     910    background-image: url(../images/willow-streetlife-motif-logo-vicki-fong-2023-mobile.png);
     911    background-size: cover;
     912    height: 60px;
     913    width:  43px;
     914    }
     915   
     916   
     917    #gs_footer .ft-column {
     918    width: 25%;
     919    }
     920   
     921    #gs_footer .ft-column-lr-gap {
     922    width: 10%;
     923    /* min-width: 20%; */
     924    }
     925
     926    #br-beforeDMLogos {
     927    display: none;
     928    }
     929    #gs_footer .ft-column-dms {
     930    width: 8%;
     931    }
     932   
     933    #gs_footer .ft-column-dms img {
     934    padding-bottom: 0.5rem;
     935    }
     936   
     937    #ft-logo-l-padding {
     938    display: none !important;
     939    }
     940
     941}

  • gs3-installations/thewillow/trunk/interfaces/thewillow/transform/layouts/header.xsl

    r38076 r38311  
    442442
    443443      <style>
    444         #new-banner {
     444        #new-bannerXXXX {
    445445          width: 1280px;
    446446          margin-left: auto;
    … …  
    448448          height: 250px;         
    449449        }
    450 
     450        <!--
    451451        <xsl:if test="/page/pageRequest/@action = 'p'">
    452452          <xsl:if test="/page/pageRequest/@subaction = 'about'">
    … …  
    464464          </xsl:if>
    465465        </xsl:if>
    466         <!--
     466
     467         ! - -
    467468        <xsl:if test="/page/pageRequest/@action = 'b'">
    468469          <xsl:if test="/page/pageRequest/paramList/param[@name='cl']/@value = 'CL1'">       
    … …  
    472473          </xsl:if>
    473474        </xsl:if>
    474         -->
     475        - -
    475476       
    476477        <xsl:if test="/page/pageRequest/@action = 'q'">
    … …  
    520521         
    521522        </xsl:if>
    522 
     523        -->
     524       
    523525        <!-- **** Currently the Google Form is its own separate URL, and so has it's own styling -->
    524526        <!-- **** => Have not used 10-add-your-memories.png -->
    525        
     527
     528        <!--
    526529        <xsl:if test="/page/pageRequest/@action = 'p'">
    527530          <xsl:if test="/page/pageRequest/@subaction = 'terms-and-conditions'">
    … …  
    551554          </xsl:if>
    552555        </xsl:if>
     556        -->
    553557       
    554558      </style>
    555559      <div id="new-banner">
     560    <xsl:attribute name="class">
     561        <xsl:if test="/page/pageRequest/@action = 'p'">
     562          <xsl:if test="/page/pageRequest/@subaction = 'about'">
     563        <xsl:text>new-banner-page-about</xsl:text>
     564          </xsl:if>
     565        </xsl:if>
     566        <xsl:if test="/page/pageRequest/@action = 'p'">
     567          <xsl:if test="/page/pageRequest/@subaction = 'stories'">
     568        <xsl:text>new-banner-page-stories</xsl:text>
     569          </xsl:if>
     570        </xsl:if>
     571        <!--
     572        <xsl:if test="/page/pageRequest/@action = 'b'">
     573          <xsl:if test="/page/pageRequest/paramList/param[@name='cl']/@value = 'CL1'">       
     574            #new-banner {
     575              background-image: url(interfaces/<xsl:value-of select="$interface_name"/>/images/banner-images/2-willow-york-ceri-oakes-tommy.png);
     576        }       
     577          </xsl:if>
     578        </xsl:if>
     579        -->     
     580        <xsl:if test="/page/pageRequest/@action = 'q'">
     581          <xsl:text>new-banner-action-query</xsl:text>
     582        </xsl:if>
     583        <xsl:if test="/page/pageRequest/@action = 'd'">
     584          <xsl:choose>     
     585        <xsl:when test="/page/pageRequest/paramList/param[@name='d']/@value = 'In-The-Beginning-Video'">
     586          <xsl:text>new-banner-doc-itb-video</xsl:text>
     587        </xsl:when>
     588        <xsl:when test="/page/pageRequest/paramList/param[@name='d']/@value = 'Willow-Girl-Video'">
     589          <xsl:text>new-banner-doc-wg-video</xsl:text>
     590        </xsl:when>
     591        <xsl:when test="/page/pageRequest/paramList/param[@name='d']/@value = 'Love-It-Video'">
     592          <xsl:text>new-banner-doc-li-video</xsl:text>
     593        </xsl:when>
     594        <xsl:when test="/page/pageRequest/paramList/param[@name='d']/@value = 'Cheap-Drinks-Video'">
     595          <xsl:text>new-banner-doc-cd-video</xsl:text>
     596        </xsl:when>
     597        <xsl:when test="/page/pageRequest/paramList/param[@name='d']/@value = 'Cheesy-Music-Video'">
     598          <xsl:text>new-banner-doc-cm-video</xsl:text>
     599        </xsl:when>
     600        <xsl:when test="/page/pageRequest/paramList/param[@name='d']/@value = 'The-Last-Night-Video'">
     601          <xsl:text>new-banner-doc-ln-video</xsl:text>
     602        </xsl:when>
     603        <xsl:otherwise>
     604          <xsl:text>new-banner-doc-default-video</xsl:text>
     605        </xsl:otherwise>
     606          </xsl:choose>       
     607        </xsl:if>
     608        <!-- **** Currently the Google Form is its own separate URL, and so has it's own styling -->
     609        <!-- **** => Have not used 10-add-your-memories.png -->     
     610        <xsl:if test="/page/pageRequest/@action = 'p'">
     611          <xsl:if test="/page/pageRequest/@subaction = 'terms-and-conditions'">
     612        <xsl:text>new-banner-page-tandc</xsl:text>
     613          </xsl:if>
     614          <xsl:if test="/page/pageRequest/@subaction = 'copyright'">
     615        <xsl:text>new-banner-page-copyright</xsl:text>
     616          </xsl:if>
     617          <xsl:if test="/page/pageRequest/@subaction = 'about-this-site'">
     618        <xsl:text>new-banner-page-ats</xsl:text>
     619          </xsl:if>
     620          <xsl:if test="/page/pageRequest/@subaction = 'privacy'">
     621        <xsl:text>new-banner-page-privacy</xsl:text>
     622          </xsl:if>
     623          <xsl:if test="/page/pageRequest/@subaction = 'contact-us'">
     624        <xsl:text>new-banner-page-contact-us</xsl:text>
     625          </xsl:if>
     626        </xsl:if>
     627       
     628    </xsl:attribute>
    556629    <!-- http://www.davidmacd.com/blog/alternate-text-for-css-background-images.html -->
    557630    <xsl:if test="/page/pageRequest/@action = 'p'">
    … …  
    620693    <div style="float: right">
    621694      <!-- <br /> -->
     695      <!--
    622696      <img alt="" height="240" src="interfaces/thewillow/images/willow-streetlife-motif-logo-vicki-fong-2023.png"/>
     697      -->
     698      <gsf:div id="over-banner-logo"/>
    623699      <div style="position: absolute; right: 1rem; bottom: -1.5rem; font-size: 80%; font-style:italic;">
    624700        <xsl:comment>non-collapsing filler</xsl:comment>

  • gs3-installations/thewillow/trunk/interfaces/thewillow/transform/layouts/main.xsl

    r38076 r38311  
    6868    <!-- Template controlling the footer. -->
    6969    <xsl:template name="gs_footer">
     70    <!--
    7071      <style>
    7172    .ft-row {
    … …  
    9899    }
    99100      </style>
     101-->
    100102     
    101103      <div id="gs_footer" class="ui-widget-header ui-corner-bottom ft-outer-div" style="margin-top: 1.0rem;">
    … …  
    106108        <div class="ft-column">
    107109          <div><a href="{$library_name}/collection/{$collName}/page/about">Willow Archive Project</a></div>
    108           <div><a href="{$library_name}/collection/{$collName}/browse/CL1">Stories</a></div>
     110          <div><a href="{$library_name}/collection/{$collName}/page/stories">Stories</a></div>
    109111          <div><a href="{$library_name}/collection/{$collName}/search/TextQuery">Explore More</a></div>
    110112          <div><a target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLSfnO4e7YL-6ZCNRjbH0FsOpOlSZsnoTkjPOOh2-xgrbYpq6lA/viewform">Add Your Memories</a></div>
    … …  
    143145        </div>
    144146       
    145         <div class="ft-column" style="width: 40%"><xsl:text disable-output-escaping="yes">&amp;nbsp;</xsl:text></div>
    146        
    147         <div class="ft-column">
     147        <div class="ft-column ft-column-lr-gap"><xsl:text disable-output-escaping="yes">&amp;nbsp;</xsl:text></div>
     148       
     149        <div class="ft-column ft-column-dms">
    148150          <br id="br-beforeDMLogos"/>
    149151          <a target="_blank" href="https://exploreyork.org.uk/">
    … …  
    165167
    166168      <div style="padding-top: 1rem; padding-bottom: 1rem; valign: middle;">
    167         <div class="ftlogo-column" style="width: 8%;"><xsl:text disable-output-escaping="yes">&amp;nbsp;</xsl:text></div> <!-- used to be 6% -->
     169        <div id="ft-logo-l-padding" class="ftlogo-column" styleXXXX="width: 8%;"><xsl:text disable-output-escaping="yes">&amp;nbsp;</xsl:text></div> <!-- used to be 6% -->
    168170        <div class="ftlogo-column">
    169           <a target="_blank" href="https://www.streetlifeyork.uk/">
     171          <a style="width: 100%;" target="_blank" href="https://www.streetlifeyork.uk/">
     172        <gsf:div id="ft-logo-streetlife"/>
     173        <!--
    170174        <img height="80"
    171175             alt="Streetlife York Logo"         
    172176             src="interfaces/{$interface_name}/images/footer-logos/1 StreetLife-logo.png"/>
     177        -->
    173178          </a>
    174179        </div>
    175180        <div class="ftlogo-column">
    176           <a target="_blank" href="https://www.streetlifeyork.uk/">
     181          <a style="width: 100%;" target="_blank" href="https://www.streetlifeyork.uk/">
     182        <gsf:div id="ft-logo-yorkuni"/>
     183        <!--
    177184        <img height="45" style="margin-bottom: 5px;"
    178185             alt="University of York Logo"
    179              src="interfaces/{$interface_name}/images/footer-logos/2 UOY-Logo-Stacked-shield-Black.png"/><!-- used to be 60 -->
    180           </a>
    181         </div>
    182         <div class="ftlogo-column">   
    183           <a target="_blank" href="https://www.streetlifeyork.uk/">
     186             src="interfaces/{$interface_name}/images/footer-logos/2 UOY-Logo-Stacked-shield-Black.png"/>--> <!-- used to be 60 -->
     187       
     188          </a>
     189        </div>
     190        <div class="ftlogo-column">   
     191          <a style="width: 100%;" target="_blank" href="https://www.streetlifeyork.uk/">
     192        <gsf:div id="ft-logo-ukri"/>
     193        <!--
    184194        <img height="33" style="margin-bottom: 14px;"
    185195             alt="UK Research and Innovation Logo"
    186              src="interfaces/{$interface_name}/images/footer-logos/3 UK-Research-and-Innovation-(UKRI).png"/> <!-- used to be 40 -->
    187           </a>
    188         </div>
    189         <div class="ftlogo-column">   
    190           <a target="_blank" href="http://thomfong.com/">
     196             src="interfaces/{$interface_name}/images/footer-logos/3 UK-Research-and-Innovation-(UKRI).png"/>--> <!-- used to be 40 -->
     197          </a>
     198        </div>
     199        <div class="ftlogo-column">   
     200          <a style="width: 100%;" target="_blank" href="http://thomfong.com/">
     201        <gsf:div id="ft-logo-thomfong"/>
     202        <!--
    191203        <img height="80"
    192204             alt="ThomFong Logo"
    193205             src="interfaces/{$interface_name}/images/footer-logos/4 ThomFong-illustrated-small-logo.png"/>
    194           </a>
    195         </div>
    196         <div class="ftlogo-column">   
    197           <a target="_blank" href="https://exploreyork.org.uk/">
     206        -->
     207          </a>
     208        </div>
     209        <div class="ftlogo-column">   
     210          <a style="width: 100%;" target="_blank" href="https://exploreyork.org.uk/">
     211        <gsf:div id="ft-logo-explore-libarch"/>
     212        <!--
    198213        <img height="45"  style="margin-bottom: 7px;"
    199214             alt="Explore Libraries and Archives Logo"
    200              src="interfaces/{$interface_name}/images/footer-logos/5 Explore-LibArch-coloured.png"/> <!-- used to be 80 -->
     215             src="interfaces/{$interface_name}/images/footer-logos/5 Explore-LibArch-coloured.png"/>--> <!-- used to be 80 -->
    201216          </a>       
    202217        </div>
    203218        <div class="ftlogo-column">   
    204219          <div style="margin-bottom: -2px">
    205         <a target="_blank" href="https://www.greenstone.org/">
     220        <a style="width: 100%;" target="_blank" href="https://www.greenstone.org/">
     221          <gsf:div id="ft-logo-greenstone"/>
     222          <!--
    206223          <img height="55"
    207224               alt="Greenstone Digital Library Software Logo"
    208                src="interfaces/{$interface_name}/images/footer-logos/6 gsdl-server.png"/><!-- used to be 85 -->
     225               src="interfaces/{$interface_name}/images/footer-logos/6 gsdl-server.png"/>--> <!-- used to be 85 -->
    209226        </a>
    210227        <a target="_blank" href="https://www.greenstone.org/">
    211           <div style="font-size:120%">Greenstone</div>
     228          <div id="ft-logo-greenstone-text">Greenstone</div>
    212229        </a>
    213230          </div>
Note: See TracChangeset for help on using the changeset viewer.