Changeset 2a71053 in OpenWorkouts-current


Ignore:
Timestamp:
Feb 8, 2019, 5:20:08 PM (4 years ago)
Author:
Segundo Fdez <segun.2@…>
Branches:
current, feature/docs, master
Children:
6edc367
Parents:
feab169
Message:

update favicon and responsive navigation

Location:
ow
Files:
6 added
2 deleted
9 edited

Legend:

Unmodified
Added
Removed
  • ow/static/css/main.css

    rfeab169 r2a71053  
    664664  color: #EE4056;
    665665}
     666@media (max-width: 800px) {
     667  .logo a {
     668    content: "";
     669    display: inline-block;
     670    width: 34px;
     671    height: 34px;
     672    background-image: url('/static/media/img/logo-openworkouts.png');
     673    background-size: 100%;
     674    background-repeat: no-repeat;
     675  }
     676  .logo a span {
     677    display: none !important;
     678  }
     679}
    666680.logo-open {
    667681  display: block;
     
    684698  flex-direction: row;
    685699  justify-content: space-between;
     700  align-items: center;
    686701}
    687702.nav-site li {
     
    700715.nav-site .is-active a {
    701716  color: #151515;
     717}
     718.icon-dashboard::before,
     719.icon-profile::before,
     720.icon-logout::before {
     721  content: "";
     722  display: inline-block;
     723}
     724.icon-dashboard span,
     725.icon-profile span,
     726.icon-logout span {
     727  display: none;
     728}
     729@media (min-width: 800px) {
     730  .icon-dashboard::before,
     731  .icon-profile::before,
     732  .icon-logout::before {
     733    display: none;
     734  }
     735  .icon-dashboard span,
     736  .icon-profile span,
     737  .icon-logout span {
     738    display: inline-block;
     739  }
     740}
     741.icon-dashboard:hover,
     742.icon-profile:hover,
     743.icon-logout:hover {
     744  opacity: 0.5;
     745}
     746.icon-dashboard::before {
     747  content: "☰";
     748  font-size: 30px;
     749  font-size: 1.875rem;
     750  line-height: 0em;
     751  position: relative;
     752  top: 3px;
     753  margin: 0;
     754}
     755.icon-profile {
     756  padding: 1em 1.25em !important;
     757}
     758.icon-profile::before {
     759  position: relative;
     760  top: 3px;
     761  width: 20px;
     762  height: 20px;
     763  background-image: url('/static/media/img/icon-user.svg');
     764  background-size: 100%;
     765  margin: 0;
     766}
     767.icon-logout {
     768  padding: 1em 1.25em !important;
     769}
     770.icon-logout::before {
     771  position: relative;
     772  top: 3px;
     773  width: 20px;
     774  height: 20px;
     775  background-image: url('/static/media/img/icon-logout.svg');
     776  background-size: 100%;
     777  margin: 0;
    702778}
    703779/* Add workout button with submenu -------------------------------------------*/
  • ow/static/less/modules/header.less

    rfeab169 r2a71053  
    2626        }
    2727    }
     28    a {
     29        @media (max-width: @screen-m){
     30            content: "";
     31            display: inline-block;
     32            width: 34px;
     33            height: 34px;
     34            background-image: url('/static/media/img/logo-openworkouts.png');
     35            background-size: 100%;
     36            background-repeat: no-repeat;
     37            span {
     38                display: none !important;
     39            }
     40        }
     41    }
    2842}
    2943.logo-open {
     
    4761        flex-direction: row;
    4862        justify-content: space-between;
     63        align-items: center;
    4964    }
    5065    li{
     
    6782    }
    6883}
     84
     85.icon-dashboard,
     86.icon-profile,
     87.icon-logout {
     88    &::before {
     89        content: "";
     90        display: inline-block;
     91    }
     92    span {
     93        display: none;
     94    }
     95    @media (min-width: @screen-m){
     96        &::before {
     97            display: none;
     98        }
     99        span{
     100            display: inline-block;
     101        }
     102    }
     103    &:hover {
     104        opacity: .5;
     105    }
     106}
     107
     108.icon-dashboard {
     109    &::before {
     110        content: "☰";
     111        .font-size(30);
     112        line-height: 0em;
     113        position: relative;
     114        top: 3px;
     115        margin: 0;
     116    }
     117}
     118
     119.icon-profile {
     120    padding: 1em 1.25em !important;
     121    &::before {
     122        position: relative;
     123        top: 3px;
     124        width: 20px;
     125        height: 20px;
     126        background-image: url('/static/media/img/icon-user.svg');
     127        background-size: 100%;
     128        margin: 0;
     129    }
     130}
     131
     132
     133.icon-logout {
     134    padding: 1em 1.25em !important;
     135    &::before {
     136        position: relative;
     137        top: 3px;
     138        width: 20px;
     139        height: 20px;
     140        background-image: url('/static/media/img/icon-logout.svg');
     141        background-size: 100%;
     142        margin: 0;
     143    }
     144}
     145
     146
    69147
    70148/* Add workout button with submenu -------------------------------------------*/
  • ow/static/safari-pinned-tab.svg

    rfeab169 r2a71053  
    1010<g transform="translate(0.000000,500.000000) scale(0.100000,-0.100000)"
    1111fill="#000000" stroke="none">
    12 <path d="M2315 4914 c-496 -53 -893 -204 -1265 -480 -135 -100 -384 -349 -484
    13 -484 -245 -330 -402 -710 -463 -1119 -24 -160 -24 -512 0 -672 61 -409 218
    14 -789 463 -1119 100 -135 349 -384 484 -484 330 -245 710 -402 1119 -463 160
    15 -24 512 -24 672 0 409 61 789 218 1119 463 135 100 384 349 484 484 245 330
    16 402 710 463 1119 24 160 24 512 0 672 -61 409 -218 789 -463 1119 -100 135
    17 -349 384 -484 484 -328 243 -710 402 -1111 461 -101 15 -452 27 -534 19z
    18 m-128 -1229 c62 -270 83 -362 133 -575 77 -327 127 -560 152 -712 12 -76 23
    19 -136 25 -134 2 2 21 90 43 197 21 107 52 253 69 324 16 72 75 326 130 565 56
    20 239 103 445 106 458 l5 22 398 0 397 0 68 -257 c37 -142 175 -665 307 -1163
    21 132 -498 240 -911 240 -917 0 -10 -71 -13 -319 -13 -176 0 -322 3 -324 8 -3 4
    22 -30 120 -61 257 -32 138 -100 437 -153 665 -52 228 -115 510 -138 625 -24 116
    23 -46 203 -49 195 -3 -8 -30 -136 -60 -285 -64 -316 -73 -353 -131 -585 -42
    24 -167 -205 -855 -205 -865 0 -3 -141 -5 -313 -5 l-313 0 -138 572 c-120 500
    25 -231 1011 -251 1161 -7 51 -25 55 -25 6 0 -17 -18 -119 -39 -227 -47 -233 -89
    26 -414 -284 -1242 l-62 -265 -322 -3 -322 -2 14 47 c7 27 62 233 120 458 59 226
    27 119 457 134 515 16 58 99 378 186 713 l159 607 395 -2 396 -3 32 -140z"/>
     12<path d="M2265 4929 c-632 -61 -1220 -365 -1631 -842 -791 -918 -791 -2266 0
     13-3184 845 -982 2319 -1137 3354 -353 228 173 405 361 562 597 608 915 533
     142107 -184 2940 -470 546 -1157 857 -1881 851 -77 0 -176 -4 -220 -9z m672
     15-1914 c147 -641 198 -887 247 -1170 l32 -190 18 110 c31 192 102 531 249 1190
     16l142 640 338 3 c185 1 337 1 337 -1 0 -11 -632 -2551 -636 -2559 -3 -4 -189
     17-8 -414 -8 -380 0 -409 1 -414 18 -5 16 -237 1071 -322 1464 -21 97 -42 172
     18-45 165 -4 -7 -10 -34 -14 -62 -15 -105 -79 -410 -207 -983 l-132 -592 -410 0
     19-411 0 -314 1258 c-173 691 -316 1265 -319 1275 -4 16 17 17 330 17 l334 0
     20167 -767 c170 -778 206 -952 228 -1100 7 -46 14 -82 15 -80 2 2 19 95 38 208
     2152 302 112 582 255 1189 l128 545 59 6 c33 3 178 5 324 5 l265 -1 132 -580z"/>
    2822</g>
    2923</svg>
  • ow/templates/base.pt

    rfeab169 r2a71053  
    6363              current user now -->
    6464            <ul>
    65               <li class=""
     65              <li
    6666                  tal:attributes="class 'is-active' if 'dashboard' in renderer_name else ''">
    67                 <a href="" i18n:translate=""
     67                <a class="icon-dashboard" href="" i18n:translate=""
    6868                   tal:attributes="href request.resource_url(request.root)">
    69                   Dashboard</a>
     69                  <span>Dashboard</span></a>
    7070              </li>
    71               <li class=""
     71              <li
    7272                  tal:attributes="class 'is-active' if 'profile' in renderer_name else ''">
    73                 <a href="" i18n:translate=""
     73                <a class="icon-profile" href="" i18n:translate=""
    7474                   tal:attributes="href request.resource_url(request.root, current_user, 'profile')">
    75                   My profile</a>
     75                  <span>My profile</span></a>
    7676              </li>
    7777              <li class="add-workout">
     
    9191              </li>
    9292              <li>
    93                 <a href="" i18n:translate=""
     93                <a class="icon-logout" href="" i18n:translate=""
    9494                   tal:attributes="href request.resource_url(request.root, 'logout')">
    95                   Log out
     95                  <span>Log out</span>
    9696                </a>
    9797              </li>
  • ow/templates/base_anonymous.pt

    rfeab169 r2a71053  
    1515    <meta name="author" content="The OpenWorkouts Project">
    1616
    17     <link rel="shortcut icon"
    18           href="${request.static_url('ow:static/pyramid-16x16.png')}">
    1917
    20     <!--! This should be 182x182px-->
    21     <link rel="apple-touch-icon"
    22           href="${request.static_url('ow:static/pyramid-16x16.png')}">
     18    <link rel="apple-touch-icon" sizes="180x180" href="${request.static_url('ow:static/apple-touch-icon.png')}">
     19    <link rel="icon" type="image/png" sizes="32x32" href="${request.static_url('ow:static/favicon-32x32.png')}">
     20    <link rel="icon" type="image/png" sizes="16x16" href="${request.static_url('ow:static/favicon-16x16.png')}">
     21    <link rel="manifest" href="${request.static_url('ow:static/site.webmanifest')}">
     22    <link rel="mask-icon" href="${request.static_url('ow:static/safari-pinned-tab.svg')}" color="#5bbad5">
     23    <meta name="msapplication-TileColor" content="#da532c">
     24    <meta name="theme-color" content="#ffffff">
    2325
    2426    <title>OpenWorkouts - tracking your workouts openly</title>
  • ow/views/root.py

    rfeab169 r2a71053  
    4444        'form': FormRenderer(form)
    4545    }
     46
     47@view_config(
     48    context=OpenWorkouts,
     49    permission='view',
     50    name='promo',
     51    renderer='ow:templates/openworkouts.pt')
     52def promo(context, request):
     53    return {}
     54
Note: See TracChangeset for help on using the changeset viewer.