Home Verkennen Help
Inloggen
biheng
/
uppy
1
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Bladeren bron

Customization

Kevin van Zonneveld 9 jaren geleden
bovenliggende
e1a36bcf67
commit
d7c85dc1bc
16 gewijzigde bestanden met toevoegingen van 39 en 110 verwijderingen
Zij-aan-zij weergave Toon Diff Stats
  1. 11 3
      website/_config.yml
  2. 12 8
      website/themes/uppy/layout/index.ejs
  3. 4 4
      website/themes/uppy/layout/layout.ejs
  4. 1 4
      website/themes/uppy/layout/page.ejs
  5. 1 1
      website/themes/uppy/layout/partials/blog.ejs
  6. 0 1
      website/themes/uppy/layout/partials/community_dropdown.ejs
  7. 3 3
      website/themes/uppy/layout/partials/header.ejs
  8. 3 6
      website/themes/uppy/layout/partials/sidebar.ejs
  9. 0 3
      website/themes/uppy/layout/post.ejs
  10. 0 50
      website/themes/uppy/source/css/_common.styl
  11. 2 6
      website/themes/uppy/source/css/index.styl
  12. 2 21
      website/themes/uppy/source/css/page.styl
  13. BIN
      website/themes/uppy/source/images/cute-puppy-1.jpg
  14. BIN
      website/themes/uppy/source/images/cute-puppy-1.png
  15. BIN
      website/themes/uppy/source/images/cute-puppy-2.jpg
  16. BIN
      website/themes/uppy/source/images/cute-puppy-2.png

+ 11 - 3
website/_config.yml
Bestand weergeven 

@@ -3,9 +3,17 @@
 
 ## Source: https://github.com/tommy351/hexo/
 
 
 # Site
 
-title: Uppy.js
 
-subtitle:
 
-description: "Almost as cute as a puppy"
 
+title: Uppy
 
+subtitle: "An open source file uploader nearly as cute as a puppy"
 
+logo_large: /images/cute-puppy-2.png
 
+logo_medium: /images/cute-puppy-2.png
 
+logo_icon: /images/emojis/dog.png
 
+description: >
 
+  Uppy is an uploader written in ES6 JavaScript with a plugin-based architecture, making
 
+  it very extensible. Out of the box it supports tapping into Dropbox, Instagram, Local files. It
 
+  has support for resumable file uploads via tus.io, and adding encoding backends.
 
+  Uppy is brought to you by the people behind Transloadit and as such has first class
 
+  support for adding their uploading and encoding backend, but this is opt-in.
 
 author: Transloadit
 
 email:
 
 language:

+ 12 - 8
website/themes/uppy/layout/index.ejs
Bestand weergeven 

@@ -8,12 +8,12 @@
 
       <%- partial('partials/community_dropdown') %>
 
     </ul>
 
     <div id="logo-wrap">
 
-      <img id="logo" width="200" height="200" class="emoji dog" title="puppy" src="/images/emojis/dog.png">
 
-      <h1>Uppy.js</h1>
 
+      <img id="logo" width="200" class="emoji dog" title="puppy" src="<%- config.logo_large %>">
 
+      <h1><%- config.title %></h1>
 
     </div>
 
     <p class="desc">
 
       <strong>
 
-        Uppy - Almost as cute as a <img width="24" height="24" class="emoji dog" title="puppy" src="/images/emojis/dog.png">
 
+        <%- config.title %> - <%- config.subtitle %> <img align="absmiddle" width="18" height="18" class="emoji dog" title="puppy" src="/images/emojis/dog.png">
 
       </strong>
 
       <br />
 
       <br />
 
@@ -21,6 +21,10 @@
 
       Hey there stranger! We just copied the wonderful <a href="http://vuejs.org">Vue.js</a> website (we included its MIT license and attribution with our sources) to push our
 
         boilerplate out. We'll iterate and make this place our own - but there really is nothing to see here yet other than ~plagiarism : )
 
 
+      <br />
 
+      <br />
 
+      <%- config.description %>
 
+
 
     </p>
 
     <p class="buttons">
 
       <a href="/guide/installation.html" class="button">Install v<%- theme.uppy_version %></a>
 
@@ -29,11 +33,11 @@
 
       <li><a href="https://twitter.com/transloadit" class="twitter-follow-button" data-show-count="false" data-dnt="true">Follow @transloadit</a></li>
 
       <li><iframe src="http://ghbtns.com/github-btn.html?user=transloadit&repo=uppy&type=watch&count=true"
 
     allowtransparency="true" frameborder="0" scrolling="0" width="100" height="20"></iframe></li>
 
-      <li id="donate">
 
-        <span class="wrapper">
 
-          <img src="/images/paypal.png">
 
-          <a href="https://www.paypal.me/transloadit" target="_blank">Donate</a>
 
-        </span>
 
+
 
+      <li id="buildbadge">
 
+       <span class="wrapper">
 
+         <a href="https://travis-ci.org/transloadit/uppy"><img src="https://travis-ci.org/transloadit/uppy.svg" alt="Build Status"></a>
 
+       </span>
 
       </li>
 
     </ul>
 
   </div>

+ 4 - 4
website/themes/uppy/layout/layout.ejs
Bestand weergeven 

@@ -2,19 +2,19 @@
 
 <!DOCTYPE html>
 
 <html lang="en">
 
     <head>
 
-        <title><%- page.title ? page.title + ' - ' : '' %>Uppy.js</title>
 
+        <title><%- page.title ? page.title + ' - ' : '' %><%- config.title %></title>
 
         <meta charset="utf-8">
 
-        <meta name="description" content="Uppy.js file uploading - Almost as cute as a puppy">
 
+        <meta name="description" content="<%- config.title %> - <%- config.subtitle %>">
 
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 
         <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600|Roboto Mono' rel='stylesheet' type='text/css'>
 
         <link href='http://fonts.googleapis.com/css?family=Dosis:300,500&text=Uppy.js' rel='stylesheet' type='text/css'>
 
-        <link rel="icon" href="/images/logo.png" type="image/x-icon">
 
+        <link rel="icon" href="<%- config.logo_icon %>" type="image/x-icon">
 
         <script>
 
             window.PAGE_TYPE = "<%- page.type %>"
 
         </script>
 
         <%- css(isIndex ? 'css/index' : 'css/page') %>
 
         <%- partial('partials/ga') %>
 
-        <script src="/js/Uppy.js"></script>
 
+        <script src="/js/uppy.js"></script>
 
     </head>
 
     <body>
 
         <div id="mobile-bar">

+ 1 - 4
website/themes/uppy/layout/page.ejs
Bestand weergeven 

@@ -3,9 +3,6 @@
 
 <% } %>
 
 <div class="content <%- page.type ? page.type + ' with-sidebar' : '' %>">
 
     <h1><%- page.title %><%- page.type === 'examples' ? ' Example' : '' %></h1>
 
-    <div id="ad">
 
-        <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=transloadit" id="_carbonads_js"></script>
 
-    </div>
 
     <%- page.content %>
 
     <% if (page.type === 'guide') { %>
 
       <div class="guide-links">
 
@@ -17,5 +14,5 @@
 
         <% }) %>
 
       </div>
 
     <% } %>
 
-    <div class="footer">Caught a mistake or want to contribute to the documentation? <a href="https://github.com/transloadit/uppyjs.io" target="_blank">Fork this site on Github</a>!</div>
 
+    <div class="footer">Caught a mistake or want to contribute to the documentation? <a href="https://github.com/transloadit/uppy" target="_blank">Fork this site on Github</a>!</div>
 
 </div>

+ 1 - 1
website/themes/uppy/layout/partials/blog.ejs
Bestand weergeven 

@@ -4,7 +4,7 @@
 
   </ul>
 
 </div>
 
 <div class="content blog">
 
-<h1 style="text-align: center; margin-bottom:.5em">The Uppy.js Blog</h1>
 
+<h1 style="text-align: center; margin-bottom:.5em">The <%- config.title %> Blog</h1>
 
 <% site.posts.sort('date', -1).each(function (post) { %>
 
     <div class="post">
 
         <h2><a href="/<%- post.path %>"><%- post.title %></a></h2>

+ 0 - 1
website/themes/uppy/layout/partials/community_dropdown.ejs
Bestand weergeven 

@@ -2,7 +2,6 @@
 
   <a class="nav-link">Community</a><span class="arrow"></span>
 
   <ul class="nav-dropdown">
 
     <li><a href="https://github.com/transloadit/uppy" class="nav-link" target="_blank">GitHub</a></li>
 
-    <li><a href="http://forum.uppyjs.io" class="nav-link" target="_blank">Forum</a></li>
 
     <li><a href="https://gitter.im/transloadit/uppy" class="nav-link" target="_blank">Chat</a></li>
 
     <li><a href="https://twitter.com/transloadit" class="nav-link" target="_blank">Twitter</a></li>
 
   </ul>

+ 3 - 3
website/themes/uppy/layout/partials/header.ejs
Bestand weergeven 

@@ -1,9 +1,9 @@
 
 <div id="header">
 
     <a id="logo" href="/">
 
-        <img src="/images/logo.png">
 
-        <span>Uppy.js</span>
 
+        <img src="<%- config.logo_medium %>">
 
+        <span><%- config.title %></span>
 
     </a>
 
     <ul id="nav">
 
         <%- partial('partials/main_menu') %>
 
     </ul>
 
-</div>
 
+</div>

+ 3 - 6
website/themes/uppy/layout/partials/sidebar.ejs
Bestand weergeven 

@@ -6,9 +6,7 @@
 
         <h2>
 
             <%- type === 'api' ? 'API' : (type.charAt(0).toUpperCase() + type.slice(1)) %>
 
             <select class="version-select">
 
-                <option selected>1.0</option>
 
-                <option>0.12</option>
 
-                <option>0.11</option>
 
+                <option selected>0.0.1</option>
 
             </select>
 
         </h2>
 
         <ul class="menu-root">
 
@@ -18,10 +16,9 @@
 
                 </li>
 
             <% }) %>
 
         </ul>
 
-        <div id="donate">
 
+        <div id="buildbadge">
 
             <span class="wrapper" style="width: 110px">
 
-              <img src="/images/paypal.png">
 
-              <a href="https://www.paypal.me/transloadit" target="_blank">Buy Me Coffee</a>
 
+              <a href="https://travis-ci.org/transloadit/uppy"><img src="https://travis-ci.org/transloadit/uppy.svg" alt="Build Status"></a>
 
             </span>
 
         </div>
 
     </div>

+ 0 - 3
website/themes/uppy/layout/post.ejs
Bestand weergeven 

@@ -15,9 +15,6 @@
 
 </div>
 
 <div class="content blog post">
 
     <h1><%- page.title %></h1>
 
-    <div id="ad">
 
-        <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=transloadit" id="_carbonads_js"></script>
 
-    </div>
 
     <h4><%- page.date.format('MMM D[,] YYYY') %></h4>
 
     <%- page.content %>
 
 </div>

+ 0 - 50
website/themes/uppy/source/css/_common.styl
Bestand weergeven 

@@ -102,25 +102,6 @@ a.button
 
     padding 0 60px 30px
 
     overflow-x hidden
 
 
-#ad
 
-    width 130px
 
-    position fixed
 
-    z-index 99
 
-    bottom 10px
 
-    right 10px
 
-    padding 10px
 
-    background-color #fff
 
-    border-radius 3px
 
-    font-size 13px
 
-    .carbon-img, .carbon-text
 
-        display block
 
-        margin-bottom 6px
 
-        font-weight normal
 
-        color $medium
 
-    .carbon-poweredby
 
-        color #aaa
 
-        font-weight normal
 
-
 
 #nav
 
     .nav-link
 
         cursor pointer
 
@@ -164,34 +145,3 @@ a.button
 
         border-left 4px solid transparent
 
         border-right 4px solid transparent
 
         border-top 5px solid #ccc
 
-
 
-#donate
 
-    height 24px
 
-    .wrapper
 
-        vertical-align top
 
-        height 20px
 
-        border 1px solid #d4d4d4
 
-        display inline-block
 
-        box-sizing border-box
 
-        line-height 16px
 
-        border-radius 3px
 
-        cursor pointer
 
-        background-image linear-gradient(to bottom,#fcfcfc 0,#eee 100%)
 
-        position relative
 
-        width 72px
 
-        &:hover
 
-            border-color #ccc
 
-            background-image linear-gradient(to bottom,#eee 0,#ddd 100%)
 
-        img
 
-            width 14px
 
-            height 14px
 
-            position absolute
 
-            top 3px
 
-            left 5px
 
-        a
 
-            font 700 11px/14px 'Helvetica Neue', Helvetica, Arial, sans-serif
 
-            color #333333
 
-            text-shadow 0 1px 0 #fff
 
-            position absolute
 
-            top 2px
 
-            left 24px

+ 2 - 6
website/themes/uppy/source/css/index.styl
Bestand weergeven 

@@ -78,7 +78,7 @@ html, body
 
         left 0
 
         padding 1.5em 0
 
         img
 
-            width 20px  
+            width 20px
 
     a.button
 
         width 280px
 
         margin .5em
 
@@ -251,7 +251,7 @@ html, body
 
 #main
 
     display none
 
 
-#donate
 
+#buildbadge
 
     margin-left -2px !important
 
 
 @media screen and (max-width: 480px)
 
@@ -308,10 +308,6 @@ html, body
 
             font-size 1.1em
 
         h2
 
             font-size 1.4em
 
-    #ad
 
-        position static
 
-        .carbon-img, .carbon-text, .carbon-poweredby
 
-            display inline-bloc
 
 
 @media screen and (max-width: 860px)
 
     #features, #hero

+ 2 - 21
website/themes/uppy/source/css/page.styl
Bestand weergeven 

@@ -82,7 +82,7 @@ $header-height = 40px
 
         position absolute
 
         width 30px
 
         height 30px
 
-        background url(../images/logo.png) center center no-repeat
 
+        background url(../images/cute-puppy-2.png) center center no-repeat
 
         top 5px
 
         left 50%
 
         margin-left -15px
 
@@ -255,27 +255,8 @@ $header-height = 40px
 
 @media screen and (max-width: 1200px)
 
     .content.with-sidebar
 
         margin-left 280px
 
-    #ad
 
-        z-index 8
 
-        position relative
 
-        width auto
 
-        height 100px
 
-        padding 0
 
-        bottom 0
 
-        right 0
 
-        margin 30px 0 35px
 
-        .carbon-wrap, .carbon-img, .carbon-text, .carbon-poweredby
 
-            display inline-block
 
-            vertical-align top
 
-        .carbon-text
 
-            width 130px
 
-            margin-left 15px
 
-        .carbon-poweredby
 
-            position absolute
 
-            bottom 0
 
-            left 145px
 
 
-#donate
 
+#buildbadge
 
     margin-top 15px
 
 
 @media screen and (max-width: 560px)

BIN
website/themes/uppy/source/images/cute-puppy-1.jpg
Bestand weergeven


BIN
website/themes/uppy/source/images/cute-puppy-1.png
Bestand weergeven


BIN
website/themes/uppy/source/images/cute-puppy-2.jpg
Bestand weergeven


BIN
website/themes/uppy/source/images/cute-puppy-2.png
Bestand weergeven