github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #445 from sharelatex/pr-new-logo

Browse source 
PR New logo
This commit is contained in:
James Allen 2017-04-03 14:05:51 +01:00 committed by GitHub
commit 335f8f78f0
28 changed files with 301 additions and 69 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
services/web/app/views/general/404.pug
View file

@ -3,11 +3,13 @@ extends ../layout
block content block content
.content .content
.container .container
.row .error-container
.col-md-8.col-md-offset-2.text-center .error-figure
.page-header img.error-img(
h2 #{translate("cant_find_page")} src="/img/brand/404-visual.svg"
p alt="Not found"
a(href="/") )
i.fa.fa-arrow-circle-o-left .error-details
| #{translate("take_me_home")} p.error-status Not found
p.error-description #{translate("cant_find_page")}
a.error-btn(href="/") Home

46
services/web/app/views/general/500.pug
View file

@ -1,24 +1,36 @@
doctype html doctype html
html(itemscope, itemtype='http://schema.org/Product') html.full-height(itemscope, itemtype='http://schema.org/Product')
head head
title Something went wrong title Something went wrong
link(rel="icon", href="/favicon.ico") link(rel="icon", href="/favicon.ico")
if buildCssPath if buildCssPath
link(rel='stylesheet', href=buildCssPath('/style.css')) link(rel='stylesheet', href=buildCssPath('/style.css'))
link(href="//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css",rel="stylesheet") link(href="//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css",rel="stylesheet")
body body.full-height
.content .content.full-height
.container .container.full-height
.row .error-container.full-height
.col-md-8.col-md-offset-2.text-center .error-figure.error-figure-500
.page-header img.error-img(
h2 Oh dear, something went wrong. src="/img/brand/500-visual-socket.svg"
if buildImgPath alt="Error"
p )
img(src=buildImgPath("lion-sad-128.png"), alt="Sad Lion") .error-details
p p.error-status Something went wrong, sorry.
| Something went wrong with your request, sorry. Our staff are probably looking into this, but if it continues, please contact us at #{settings.adminEmail} p.error-description Our staff are probably looking into this, but if it continues, please contact us at #{settings.adminEmail}
p a.error-btn(href="/") Home
a(href="/") //- .content
i.fa.fa-arrow-circle-o-left //- .container
| Take me home //- .row
//- .col-md-8.col-md-offset-2.text-center
//- .page-header
//- h2 Oh dear, something went wrong.
//- if buildImgPath
//- p
//- img(src=buildImgPath("lion-sad-128.png"), alt="Sad Lion")
//- p
//- | Something went wrong with your request, sorry. Our staff are probably looking into this, but if it continues, please contact us at #{settings.adminEmail}
//- p
//- a(href="/")
//- i.fa.fa-arrow-circle-o-left
//- | Take me home

6
services/web/app/views/layout.pug
View file

@ -18,7 +18,11 @@ html(itemscope, itemtype='http://schema.org/Product')
-else -else
title= translate(title) + ' - ShareLaTeX, ' + translate("online_latex_editor") title= translate(title) + ' - ShareLaTeX, ' + translate("online_latex_editor")
link(rel="icon", href="/favicon.ico") link(rel="icon", href="favicon.ico")
link(rel="icon", sizes="192x192", href="touch-icon-192x192.png")
link(rel="apple-touch-icon-precomposed", href="favicon-152.png")
link(rel="mask-icon", href="mask-favicon.svg", color="#a93529")
link(rel='stylesheet', href=buildCssPath('/style.css')) link(rel='stylesheet', href=buildCssPath('/style.css'))
block _headLinks block _headLinks

17
services/web/app/views/project/editor.pug
View file

@ -7,12 +7,17 @@ block vars
block content block content
.editor(ng-controller="IdeController").full-size .editor(ng-controller="IdeController").full-size
.loading-screen(ng-show="state.loading") .loading-screen(ng-if="state.loading")
.container .loading-screen-lion-container
h3 #{translate("loading")}... .loading-screen-lion(
.progress style="height: 20%;"
.progress-bar(style="width: 20%", ng-style="{'width': state.load_progress + '%'}") ng-style="{ 'height': state.load_progress + '%' }"
p.text-center.text-danger(ng-if="state.error").ng-cloak )
h3.loading-screen-label(ng-if="!state.error") #{translate("loading")}
span.loading-screen-ellip .
span.loading-screen-ellip .
span.loading-screen-ellip .
p.loading-screen-error(ng-if="state.error").ng-cloak
span(ng-bind-html="state.error") span(ng-bind-html="state.error")
include ./editor/feature-onboarding include ./editor/feature-onboarding

BIN
services/web/public/apple-touch-icon-precomposed.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
services/web/public/favicon.ico
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

29
services/web/public/img/brand/404-visual.svg Normal file
View file

@ -0,0 +1,29 @@
<svg xmlns="http://www.w3.org/2000/svg" width="777.5" height="820.52" viewBox="0 0 777.5 820.52">
<g>
<g>
<circle cx="388.75" cy="388.75" r="388.75" fill="#798ed2" opacity="0.05"/>
<rect x="182.22" y="230.37" width="413.04" height="295.03" fill="#a93529"/>
<path d="M389.5,229.95s9.34-15.08,42.47-13.25,133.77,14.17,133.77,14.17V492.25s-91.3-16.45-141.84-11.88c-22.82,2.06-35.25,11.88-35.25,11.88S390.13,230.63,389.5,229.95Z" fill="#fff"/>
<path d="M389.18,230.52s-10.59-15.5-43.72-13.67S211.7,231,211.7,231V492.41S303,476,353.53,480.52c22.82,2.06,35.25,11.88,35.25,11.88S388.54,231.2,389.18,230.52Z" fill="#fff"/>
<path d="M388.78,487.15v5.26s0-1.88,0-5.26Z" fill="#e9e6d9"/>
<g>
<circle cx="195.09" cy="656.25" r="12.92" fill="#a93529"/>
<path d="M194.85,696.16c2.64,5.28,23.77,6.3,46.21,6.16,22.66-.14,43.81-.66,46.53-5.94,6.85-13.27-34.66-41.88-46.42-41.88C227.16,654.5,187.73,681.91,194.85,696.16Z" fill="#a93529"/>
<circle cx="220.92" cy="630.4" r="12.92" fill="#a93529"/>
<circle cx="261.54" cy="630.4" r="12.92" fill="#a93529"/>
<circle cx="287.38" cy="656.25" r="12.92" fill="#a93529"/>
</g>
<g>
<circle cx="490.12" cy="774.44" r="12.92" fill="#a93529"/>
<path d="M489.89,814.35c2.64,5.28,23.77,6.3,46.21,6.16,22.66-.14,43.81-.66,46.53-5.94,6.85-13.27-34.66-41.88-46.42-41.88C522.19,772.69,482.76,800.11,489.89,814.35Z" fill="#a93529"/>
<circle cx="515.96" cy="748.6" r="12.92" fill="#a93529"/>
<circle cx="556.58" cy="748.6" r="12.92" fill="#a93529"/>
<circle cx="582.41" cy="774.44" r="12.92" fill="#a93529"/>
</g>
<rect x="211.7" y="406.39" width="354.03" height="88.87" fill="#fff"/>
<path d="M502.94,451.45c-58.5-14.55-114.29-5-114.29,40.8L386.37,228s.41-11.71,16.15-24.17l-3.15,27.79L442.13,218l-25.65,30.49L427.12,257l-14.5,20.45,31.82,54.39L422.55,370.5l21.88,42.19-20.3,17.14Z" fill="#cfcfcf"/>
<path d="M353.53,480.52c22.82,2.06,35.25,11.88,35.25,11.88v2.86H211.7v-2.86S303,476,353.53,480.52Z" fill="#e7e6e6"/>
<path d="M423.89,480.38c-22.82,2.08-35.25,12-35.25,12v2.88H565.73v-2.88S474.43,475.76,423.89,480.38Z" fill="#e7e6e6"/>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.2 KiB

10
services/web/public/img/brand/500-visual-plug.svg Normal file
View file

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="650.95" height="260.49" viewBox="0 0 650.95 260.49">
<g>
<g>
<path d="M464.53,260.49c-27.17,0-75.15-13.71-105.35-46.51-25.23-27.4-26.69-55.26-28.09-82.2-1-18.92-1.92-36.79-11-53.72C290.25,22.75,182.7-.54.34,8.84L0,2.09C187.78-7.58,294.42,16.23,326,74.86c9.84,18.27,10.86,37.74,11.84,56.57,1.35,25.75,2.74,52.37,26.32,78,30.92,33.59,81.25,46.18,105.54,44.12,8.27-.7,9.89-2.86,10-3.1,2.59-4-15.91-19.6-29.41-31-30.14-25.42-67.66-57.07-58.22-86.53,5.29-16.54,24-28.7,57.23-37.18l1.67,6.55C420.66,110,403,121,398.54,135c-8.05,25.15,29.05,56.45,56.14,79.3,22,18.57,36.56,30.84,30.74,39.83-2.22,3.42-7.32,5.5-15.15,6.17C468.48,260.42,466.56,260.49,464.53,260.49Z" fill="#505050"/>
<path d="M526.92,129.37h0a9.79,9.79,0,0,1,10-9.55H641a9.79,9.79,0,0,1,10,9.55h0a9.79,9.79,0,0,1-10,9.55H536.87a9.79,9.79,0,0,1-10-9.55Zm10-46.66a9.79,9.79,0,0,1-10-9.55h0a9.79,9.79,0,0,1,10-9.55H641a9.79,9.79,0,0,1,10,9.55h0a9.79,9.79,0,0,1-10,9.55H536.87" fill="#919296" fill-rule="evenodd"/>
<rect x="444.49" y="57.18" width="68.71" height="88.17" fill="#919296"/>
<rect x="473.95" y="41.51" width="118.01" height="117.98" fill="#c1c2c5"/>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

12
services/web/public/img/brand/500-visual-socket.svg Normal file
View file

@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" width="777.28" height="777.28" viewBox="0 0 777.28 777.28">
<g>
<g>
<circle cx="388.64" cy="388.64" r="388.64" fill="#798ed2" opacity="0.05"/>
<g>
<rect x="241.27" y="232.25" width="294.75" height="294.75" fill="#c1c2c5"/>
<path d="M388.64,468.11a88.49,88.49,0,1,0-88.49-88.49A88.66,88.66,0,0,0,388.64,468.11Z" fill="#919296" fill-rule="evenodd"/>
<path d="M352.86,366.1a13.27,13.27,0,1,1-13.27,13.27,13.27,13.27,0,0,1,13.27-13.27Zm71.9,0a13.27,13.27,0,1,1-13.27,13.27A13.27,13.27,0,0,1,424.75,366.1Z" fill="#505050" fill-rule="evenodd"/>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 655 B

13
services/web/public/img/brand/500-visual-tail.svg Normal file
View file

@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" width="229.57" height="704.86" viewBox="0 0 229.57 704.86">
<g>
<g>
<g>
<path d="M229.57,135.43c-5.17-2.88-8.32-4.27-12.67-6.7L228.38,126c-9.06-13.8-12.33-25.5-26.85-33.1C198.67,81,175.75,74,170.33,62.23c-1.24,3.38-.91,2.15-1.7,4.65-5.23-3-9.29-8.54-12.69-15.31C144.71,26.7,140.93,1.6,139.6,0c-5.55,8.51-7.84,9.87-12.83,16.28-5.46,6.46-10.92,13.35-14.21,21.85-3.76,9-7.42,21.72-4,26.76-5.78.45-4.86-.61-5.88,1.81-4.28,10.11-11.87,44.3-10.38,55.4h0v0c-3-.71-5.23-1.07-5.23-1.07s2.85,24.23,8.25,38.47c5.8,1.19,9.22,1.57,14.1,2.58l-10.12,6.07c12.78,10.44,21.33,21.79,36.91,27.8,4.46,12.07,17.17,18.79,25.87,28.38a30.45,30.45,0,0,1,5.55-4.88,11.8,11.8,0,0,0,2.91.24,9.68,9.68,0,0,0,6.93,1.51l-2-8.51c.37.63.75,1.3,1.12,1.9,5.86,9.32,17.48,5.37,20,5.4-2-6.09-1.68-5.13-2.37-10.59,6.79,3.22,5.35,1.14,10.58,4.88,3.77-6.16,7.05-11.66,10.58-17.63,4.37-7.4,6.61-18.62,4.79-25.29C224.1,169.37,222.25,148.16,229.57,135.43Z" fill="#a73529"/>
<g>
<path d="M57.51,507.3c41.3-64.88,93.86-117.43,122-189.41,16.58-42.45,7.19-94.59-16.38-142.51-2.87-.33-6,2.06-4.69,5.77,21.29,58.92,22.26,100.16-6.54,155.55-26.3,50.65-64.92,92.78-96.22,139.58C27.22,518.81,2,566,.68,620.27c-.74,29.92,8.2,58.38,22.32,84.08H40C3.59,642.76,19,567.77,57.51,507.3Z" fill="#a93529"/>
<path d="M57.24,507.13l6.36-9.79c2.09-3.28,4.35-6.45,6.52-9.68l3.29-4.82,3.37-4.77c2.25-3.18,4.47-6.37,6.77-9.51q6.82-9.47,13.77-18.85l13.86-18.77q3.47-4.69,6.88-9.42c2.27-3.15,4.59-6.28,6.81-9.47s4.5-6.34,6.71-9.54l6.56-9.64c4.26-6.5,8.53-13,12.5-19.66l3-5,2.87-5.07c1.89-3.39,3.9-6.72,5.62-10.19s3.61-6.87,5.32-10.35l4.93-10.54.62-1.32.56-1.34,1.11-2.69,2.22-5.37,1.11-2.69c.17-.43.4-.93.53-1.31L179,316l1.9-5.52a27.94,27.94,0,0,0,.81-2.77l.73-2.78c.48-1.86,1-3.69,1.33-5.6l1.08-5.68c.33-1.9.49-3.82.75-5.73.58-3.82.63-7.69.9-11.53.08-1.93,0-3.86,0-5.79s0-3.86-.11-5.79l-.32-5.78c-.09-1.93-.38-3.84-.56-5.77l-.31-2.88-.16-1.44-.22-1.43-.91-5.72c-.26-1.92-.7-3.8-1.08-5.69l-1.19-5.68-1.43-5.62c-.47-1.88-.94-3.75-1.53-5.6l-1.66-5.56c-.52-1.86-1.23-3.67-1.83-5.51s-1.24-3.67-1.91-5.48l-2.1-5.41c-1.33-3.63-3-7.15-4.47-10.72s-3.28-7-4.9-10.53l1,.74a3.4,3.4,0,0,0-2.91,1.1,2.9,2.9,0,0,0-.32,3l3,8.63.74,2.16.68,2.19,1.36,4.39c.45,1.46.92,2.92,1.34,4.39L168,207a202.89,202.89,0,0,1,6.65,36.09,147.37,147.37,0,0,1-1.41,36.71c-.6,3-1.12,6-1.78,9l-2.3,8.91-2.81,8.75c-1,2.89-2.17,5.73-3.24,8.59A286.82,286.82,0,0,1,147,348c-6,10.68-12.59,20.94-19.42,31C113.91,399.26,99,418.53,84.38,438c-7.3,9.73-14.56,19.5-21.52,29.46s-13.65,20.13-20,30.5c-12.64,20.73-23.77,42.49-31.35,65.57-.89,2.9-1.82,5.79-2.67,8.7L6.57,581l-1.89,8.9c-.55,3-1,6-1.48,9-.8,6-1.44,12-1.67,18.11-.22,3-.2,6-.21,9.1l.15,4.53c.05,1.51.2,3,.3,4.53a155.1,155.1,0,0,0,2.53,18A169.89,169.89,0,0,0,9,670.75a194.73,194.73,0,0,0,14.49,33.36l-.44-.26,17,0-.41.72-3.19-5.7-2.94-5.83-2.68-6L28.43,681l-2.14-6.17-1.86-6.26-1.58-6.33-1.3-6.4c-.34-2.15-.71-4.29-1-6.45s-.55-4.32-.76-6.48-.38-4.33-.49-6.51-.22-4.35-.23-6.52-.06-4.35,0-6.52.1-4.35.27-6.52q.4-6.51,1.22-13a203.51,203.51,0,0,1,5-25.58,230.07,230.07,0,0,1,8.06-24.79q2.36-6.08,5-12c.92-2,1.79-4,2.75-5.91s1.9-3.91,2.89-5.84,2-3.86,3-5.77l3.17-5.69,3.3-5.62Zm.53.34L54.34,513,51,518.6l-3.16,5.68c-1,1.91-2,3.84-3,5.76s-1.92,3.89-2.88,5.83-1.82,3.93-2.74,5.9q-2.65,5.94-5,12a229.49,229.49,0,0,0-8,24.72,202.83,202.83,0,0,0-5,25.5q-.83,6.45-1.2,12.94c-.16,2.16-.16,4.33-.24,6.49s0,4.33,0,6.5.17,4.33.25,6.49.34,4.32.51,6.48.52,4.3.77,6.45.7,4.27,1,6.41l1.31,6.36,1.59,6.29,1.87,6.22,2.14,6.13,2.41,6,2.68,5.91,2.94,5.79,3.19,5.65.41.72H40l-17,0h-.3l-.14-.26A195.77,195.77,0,0,1,7.87,671.11a170.91,170.91,0,0,1-4.75-17.69A156.45,156.45,0,0,1,.49,635.28c-.1-1.53-.26-3-.32-4.58L0,626.11c0-3,0-6.1.17-9.15.2-6.11.83-12.19,1.61-18.25.49-3,.92-6,1.46-9l1.87-9,2.29-8.87c.84-2.94,1.77-5.84,2.65-8.77,7.54-23.26,18.66-45.19,31.27-66,6.32-10.44,13-20.63,19.93-30.67s14.17-19.83,21.45-29.6c14.58-19.51,29.45-38.79,43-58.94,6.78-10.07,13.35-20.33,19.25-30.9,1.52-2.62,2.91-5.34,4.36-8s2.76-5.37,4.12-8.1l2-4.08c.68-1.36,1.23-2.76,1.86-4.14l1.82-4.16.91-2.08c.29-.7.54-1.41.82-2.12,1.06-2.83,2.19-5.64,3.19-8.5l2.75-8.64,2.25-8.78c.64-2.95,1.15-5.93,1.73-8.89a144.88,144.88,0,0,0,1.31-36.09,200.3,200.3,0,0,0-6.64-35.62l-1.19-4.38c-.42-1.46-.89-2.89-1.34-4.34l-1.35-4.33-.68-2.17-.75-2.16-3-8.63a6.55,6.55,0,0,1-.39-2.81A5.15,5.15,0,0,1,158,176.1a6,6,0,0,1,5.27-2.05l.74.08.31.66,2.5,5.3c.82,1.78,1.7,3.52,2.43,5.33,1.51,3.61,3.14,7.16,4.48,10.83l2.1,5.47c.67,1.84,1.27,3.7,1.91,5.54s1.31,3.68,1.84,5.57l1.67,5.62c.59,1.87,1.06,3.76,1.53,5.66l1.43,5.69,1.19,5.75c.39,1.92.82,3.83,1.08,5.77l.9,5.8.22,1.45.15,1.46L188,253c.18,1.95.47,3.89.55,5.85l.31,5.87c.15,2,.09,3.92.09,5.88s0,3.92-.07,5.88c-.3,3.91-.38,7.84-1,11.72a125.53,125.53,0,0,1-5,23l-1.94,5.5-.48,1.38c-.19.53-.38.92-.57,1.39l-1.14,2.7-2.28,5.39-1.14,2.7-.57,1.35-.63,1.32-5,10.57c-1.74,3.49-3.62,6.91-5.42,10.37S160,360.64,158,364l-2.91,5.07-3.07,5c-4,6.67-8.35,13.15-12.66,19.64l-6.63,9.62c-2.23,3.19-4.52,6.34-6.78,9.51s-4.58,6.29-6.88,9.44-4.61,6.27-6.94,9.38l-14,18.69q-7,9.34-13.89,18.75c-2.32,3.12-4.56,6.3-6.83,9.46l-3.39,4.74-3.32,4.79c-2.19,3.21-4.46,6.36-6.58,9.63Z" fill="#a93529"/>
</g>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 5.1 KiB

8
services/web/public/img/brand/lion-grey.svg Normal file
View file

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 431" width="500" height="431">
<g>
<circle cx="291.77" cy="172.48" r="11.72" fill="#acadb2"/>
<path d="M307.12,310.59a4.71,4.71,0,0,0-5.89-3.08c-12.93,4.05-29.57,6.22-46.52,6.56v-57c0-.14-0.07-0.25-0.08-0.39,14.13-4.8,43.14-26.44,37.62-37.14-2.48-4.81-21.73-5.28-42.35-5.41-20.43-.13-39.65.8-42.06,5.61-5.81,11.62,22.39,32.84,37.49,37.13,0,0.07,0,.13,0,0.2v57c-17-.35-33.6-2.52-46.52-6.58a4.7,4.7,0,0,0-2.82,9c15.16,4.76,34.61,7.13,54.07,7.13s38.86-2.37,54-7.11A4.71,4.71,0,0,0,307.12,310.59Z" fill="#acadb2"/>
<circle cx="208.27" cy="172.48" r="11.72" fill="#acadb2"/>
<path d="M249.3,405c2.88,9.34,5.7,19.73,7.43,25.28,37.9-.39,72.72-0.26,109.1,0-0.09-14.67-.93-23.15-1-35.49l19.91,21.41c18.71-36.35,41.83-62.9,48.36-103.75,26.95-17,36.71-51.27,55.46-77.28-9.25-4.64-18.86-5.69-27.55-10,11.42-3.81,27-7,39-11-16.71-26.89-30-52.75-45.65-78.11-7.54-14.6-22.8-18.82-37.65-7.17,0.35-10.22,15.18-29.16,10.76-37.39-12.87-24-26.86-50.76-41-74.1L357,41.24,368.26,0.75C340.85,1.44,312,3.18,287,2.26c-19.65-.73-37.79,6.58-41.27,29.92C243.87,21.81,240.54,12.77,226.88,8,196.14-2.66,138.19.13,123.25,1.39c5.28,13,6.07,27.18,11.07,39.46L107.79,28.42C96.56,49,84,68.43,71.62,87c-8.47,16.32-12,31.15,13.72,45-14.26-.49-25-4.33-34.37-4.65C34.13,157.58,15.5,184.53,0,214.81c16.88-.43,33.29,7.54,43.2,7.29h0c-8,5.5-10.43,16.17-22.73,24.61,22.64,19.05,17.76,60.78,48.78,67.77-0.73,5.22-4.71,14.07-2.2,19.05,14.17,28.1,32.86,51.37,48.65,79.92,9.39-13.15,19.17-17.67,26.48-27.21l-4.61,42.83c17.87,0.61,35,1.42,52.21,1.74C211.09,431.22,242.32,431.25,249.3,405ZM348.58,86.26c4.24-6.39,25.13,3.51,28.49,9.37,2.82,4.91.82,29.09-6.37,29.42-2.86.13-8.14-8.58-13.63-18S347,88.63,348.58,86.26ZM122.66,95.63c3.36-5.85,24.25-15.75,28.49-9.37,1.57,2.37-3.06,11.43-8.5,20.77S131.88,125.17,129,125C121.84,124.72,119.84,100.54,122.66,95.63Zm20,290h0Zm20.9-86.71,6.21-10.75-43.25-74.92,61.74-106.94H311.74l61.75,106.94-43.26,74.92,6.21,10.76-43.22,74.86H206.78Z" fill="#acadb2"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

8
services/web/public/img/brand/lion.svg Normal file
View file

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 431" width="500" height="431">
<g>
<circle cx="291.77" cy="172.48" r="11.72" fill="#a93529"/>
<path d="M307.12,310.59a4.71,4.71,0,0,0-5.89-3.08c-12.93,4.05-29.57,6.22-46.52,6.56v-57c0-.14-0.07-0.25-0.08-0.39,14.13-4.8,43.14-26.44,37.62-37.14-2.48-4.81-21.73-5.28-42.35-5.41-20.43-.13-39.65.8-42.06,5.61-5.81,11.62,22.39,32.84,37.49,37.13,0,0.07,0,.13,0,0.2v57c-17-.35-33.6-2.52-46.52-6.58a4.7,4.7,0,0,0-2.82,9c15.16,4.76,34.61,7.13,54.07,7.13s38.86-2.37,54-7.11A4.71,4.71,0,0,0,307.12,310.59Z" fill="#a93529"/>
<circle cx="208.27" cy="172.48" r="11.72" fill="#a93529"/>
<path d="M249.3,405c2.88,9.34,5.7,19.73,7.43,25.28,37.9-.39,72.72-0.26,109.1,0-0.09-14.67-.93-23.15-1-35.49l19.91,21.41c18.71-36.35,41.83-62.9,48.36-103.75,26.95-17,36.71-51.27,55.46-77.28-9.25-4.64-18.86-5.69-27.55-10,11.42-3.81,27-7,39-11-16.71-26.89-30-52.75-45.65-78.11-7.54-14.6-22.8-18.82-37.65-7.17,0.35-10.22,15.18-29.16,10.76-37.39-12.87-24-26.86-50.76-41-74.1L357,41.24,368.26,0.75C340.85,1.44,312,3.18,287,2.26c-19.65-.73-37.79,6.58-41.27,29.92C243.87,21.81,240.54,12.77,226.88,8,196.14-2.66,138.19.13,123.25,1.39c5.28,13,6.07,27.18,11.07,39.46L107.79,28.42C96.56,49,84,68.43,71.62,87c-8.47,16.32-12,31.15,13.72,45-14.26-.49-25-4.33-34.37-4.65C34.13,157.58,15.5,184.53,0,214.81c16.88-.43,33.29,7.54,43.2,7.29h0c-8,5.5-10.43,16.17-22.73,24.61,22.64,19.05,17.76,60.78,48.78,67.77-0.73,5.22-4.71,14.07-2.2,19.05,14.17,28.1,32.86,51.37,48.65,79.92,9.39-13.15,19.17-17.67,26.48-27.21l-4.61,42.83c17.87,0.61,35,1.42,52.21,1.74C211.09,431.22,242.32,431.25,249.3,405ZM348.58,86.26c4.24-6.39,25.13,3.51,28.49,9.37,2.82,4.91.82,29.09-6.37,29.42-2.86.13-8.14-8.58-13.63-18S347,88.63,348.58,86.26ZM122.66,95.63c3.36-5.85,24.25-15.75,28.49-9.37,1.57,2.37-3.06,11.43-8.5,20.77S131.88,125.17,129,125C121.84,124.72,119.84,100.54,122.66,95.63Zm20,290h0Zm20.9-86.71,6.21-10.75-43.25-74.92,61.74-106.94H311.74l61.75,106.94-43.26,74.92,6.21,10.76-43.22,74.86H206.78Z" fill="#a93529"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

1
services/web/public/img/brand/logo-horizontal.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 6.6 KiB

BIN
services/web/public/img/favicon.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 593 B

BIN
services/web/public/img/favicon@2x.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.4 KiB

BIN
services/web/public/img/lion-128.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 8.4 KiB

BIN
services/web/public/img/lion-sad-128.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 9 KiB

BIN
services/web/public/img/logo-white@2x.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 17 KiB

BIN
services/web/public/img/logo.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.6 KiB

BIN
services/web/public/img/logo@2x.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 2.6 KiB

4
services/web/public/mask-favicon.svg Normal file
View file

@ -0,0 +1,4 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<title>favicon</title>
<path d="M14,0H2A2,2,0,0,0,0,2V14a2,2,0,0,0,2,2H14a2,2,0,0,0,2-2V2A2,2,0,0,0,14,0ZM11.3,11.56A2.87,2.87,0,0,1,10,12.69a4.93,4.93,0,0,1-2.26.45A7.26,7.26,0,0,1,6.37,13q-.64-.13-1.34-.33a3.94,3.94,0,0,0-.61-.16L4.53,10H5.79l.34,1.66a1.33,1.33,0,0,0,.59.34,3.11,3.11,0,0,0,1,.14A1.88,1.88,0,0,0,9,11.81a1.26,1.26,0,0,0,.41-1A1.22,1.22,0,0,0,9.12,10a2.48,2.48,0,0,0-.73-.61q-.47-.27-1.29-.65A6.46,6.46,0,0,1,5.23,7.54a2.63,2.63,0,0,1-.77-2,2.45,2.45,0,0,1,.4-1.36,2.75,2.75,0,0,1,1.21-1,4.79,4.79,0,0,1,2-.37A7,7,0,0,1,9.32,3q.56.1,1.14.26l.51.12-.09,2.38H9.66l-.33-1.6a1,1,0,0,0-.44-.23,2.57,2.57,0,0,0-.76-.1A1.64,1.64,0,0,0,7,4.12,1.17,1.17,0,0,0,6.63,5a1.22,1.22,0,0,0,.3.82,2.87,2.87,0,0,0,.76.62q.46.27,1.35.7a11.53,11.53,0,0,1,1.31.73,3.47,3.47,0,0,1,.94.93,2.26,2.26,0,0,1,.39,1.32A2.9,2.9,0,0,1,11.3,11.56Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 966 B

73
services/web/public/stylesheets/app/editor.less
View file

@ -14,6 +14,18 @@
@import "./editor/review-panel.less"; @import "./editor/review-panel.less";
@import "./editor/feature-onboarding.less"; @import "./editor/feature-onboarding.less";
@keyframes blink {
0% {
opacity: 0.2;
}
20% {
opacity: 1;
}
100% {
opacity: 0.2;
}
}
.full-size { .full-size {
position: absolute; position: absolute;
top: 0; top: 0;
@ -53,24 +65,59 @@
} }
.loading-screen { .loading-screen {
h3 { display: flex;
padding-top: 136px; flex-direction: column;
background-image: url(/img/lion-128.png); justify-content: center;
background-repeat: no-repeat; align-items: center;
background-position: top center; width: 100%;
height: 100%;
background-color: #FFF;
} }
.full-size; .loading-screen-lion-container {
background-color: #fafafa; width: 15%;
.container { min-width: 200px;
text-align: center; text-align: center;
}
.loading-screen-lion {
position: relative;
width: 100%;
padding-top: 86.2%;
height: 0;
background: url(/img/brand/lion-grey.svg) no-repeat bottom / 100%;
&::after {
content: '';
position: absolute; position: absolute;
top: 50%; height: inherit;
left: 50%; right: 0;
width: 400px; bottom: 0;
margin-left: -200px; left: 0;
margin-top: -200px; background: url(/img/brand/lion.svg) no-repeat bottom / 100%;
transition: height .5s;
} }
} }
.loading-screen-label {
margin: 0;
padding-top: 1em;
font-size: 2em;
color: @gray-dark;
}
.loading-screen-ellip {
animation: blink 1.4s both infinite;
&:nth-child(2) {
animation-delay: 0.2s;
}
&:nth-child(3) {
animation-delay: 0.4s;
}
}
.loading-screen-error {
margin: 0;
padding-top: 1em;
color: @state-danger-text;
}
.loading-panel { .loading-panel {
.full-size; .full-size;

86
services/web/public/stylesheets/app/error-pages.less Normal file
View file

@ -0,0 +1,86 @@
.full-height {
height: 100%;
padding: 0;
}
.error-container {
display: flex;
align-items: center;
}
.error-figure {
display: none;
flex: 0 0 50%;
padding: @line-height-computed * 2;
@media (min-width: @screen-sm-min) {
display: block;
}
}
.error-figure-500 {
&::before {
content: '';
display: block;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 80%;
background-image: url(/img/brand/500-visual-plug.svg);
background-size: 400px;
background-repeat: no-repeat;
background-position: right 70%;
pointer-events: none;
}
&::after {
content: '';
display: block;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 50%;
background-image: url(/img/brand/500-visual-tail.svg);
background-size: 100px;
background-repeat: no-repeat;
background-position: 90% bottom;
pointer-events: none;
}
}
.error-img {
display: block;
max-width: 380px;
height: auto;
margin: 0 auto;
}
.error-details {
flex: 0 1 50%;
padding: @line-height-computed * 2;
}
.error-status {
font-family: @font-family-serif;
margin-bottom: (@line-height-computed / 4);
color: @gray-dark;
font-size: @font-size-h1;
}
.error-description {
font-family: @font-family-serif;
font-size: @font-size-h3;
color: @gray;
margin-bottom: @line-height-computed * 2;
}
.error-btn {
color: @navbar-default-link-color;
border: 2px solid @navbar-default-link-color;
border-radius: @border-radius-base;
font-weight: 700;
line-height: 1;
padding: @padding-base-vertical @padding-base-horizontal;
&:hover,
&:focus {
text-decoration: none;
color: #fff;
background-color: @navbar-default-link-hover-bg;
border: 2px solid @navbar-default-link-hover-color;
}
}

6
services/web/public/stylesheets/app/project-list.less
View file

@ -347,11 +347,11 @@ ul.project-list {
.announcements-btn { .announcements-btn {
position: absolute; position: absolute;
bottom: -50px; bottom: -35px;
right: 3%; right: 3%;
width: 80px; width: 80px;
height: 80px; height: 80px;
background: url(/img/lion-128.png) no-repeat center/80% transparent; background: url(/img/brand/lion.svg) no-repeat center/80% transparent;
border-radius: 50%; border-radius: 50%;
box-shadow: none; box-shadow: none;
z-index: 1; z-index: 1;
@ -361,7 +361,7 @@ ul.project-list {
box-shadow 0.25s ease; box-shadow 0.25s ease;
&:hover { &:hover {
bottom: -45px; bottom: -25px;
} }
&-open, &-open:hover, &-open, &-open:hover,

15
services/web/public/stylesheets/components/navbar.less
View file

@ -384,24 +384,13 @@
position: absolute; position: absolute;
top: 5px; top: 5px;
bottom: 5px; bottom: 5px;
width: 135px; width: 180px;
padding: 0; padding: 0;
background-image: url('/img/logo.png'); background-image: url('/img/brand/logo-horizontal.svg');
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
} }
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.navbar-brand {
background-image: url('/img/logo@2x.png');
}
}
.navbar-text { .navbar-text {
color: @navbar-default-color; color: @navbar-default-color;

7
services/web/public/stylesheets/core/variables.less
View file

@ -51,10 +51,11 @@
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700); @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
//@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,600,700); //@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,600,700);
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i); //@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i);
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,400i,700,700i);
@font-family-sans-serif: "Open Sans", sans-serif; @font-family-sans-serif: "Open Sans", sans-serif;
@font-family-serif: "PT Serif", serif; @font-family-serif: "Merriweather", serif;
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. //** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; @font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
@font-family-base: @font-family-sans-serif; @font-family-base: @font-family-sans-serif;
@ -79,7 +80,7 @@
@headings-font-family: @font-family-serif; @headings-font-family: @font-family-serif;
@headings-font-weight: 500; @headings-font-weight: 500;
@headings-line-height: 1.1; @headings-line-height: 1.1;
@headings-color: @gray-darker; @headings-color: @gray-dark;
//-- Iconography //-- Iconography

1
services/web/public/stylesheets/style.less
View file

@ -79,6 +79,7 @@
@import "app/sprites.less"; @import "app/sprites.less";
@import "app/invite.less"; @import "app/invite.less";
@import "app/review-features-page.less"; @import "app/review-features-page.less";
@import "app/error-pages.less";
@import "../js/libs/pdfListView/TextLayer.css"; @import "../js/libs/pdfListView/TextLayer.css";
@import "../js/libs/pdfListView/AnnotationsLayer.css"; @import "../js/libs/pdfListView/AnnotationsLayer.css";

BIN
services/web/public/touch-icon-192x192.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.5 KiB