首页 发现 帮助
登录
bh
/
react-web-tutorial
1
0
派生 1
文件 工单管理 1 合并请求 0 Wiki
浏览代码

Commit initial à partir du starter template

Benoît Hubert 7 年之前
当前提交
8c112a3b6e
共有 19 个文件被更改，包括 19625 次插入 和 0 次删除
合并视图 显示文件统计
  1. 21 0
      LICENSE
  2. 9389 0
      css/materialize.css
  3. 16 0
      css/materialize.min.css
  4. 14 0
      css/style.css
  5. 22 0
      empty.html
  6. 二进制
      fonts/roboto/Roboto-Bold.woff
  7. 二进制
      fonts/roboto/Roboto-Bold.woff2
  8. 二进制
      fonts/roboto/Roboto-Light.woff
  9. 二进制
      fonts/roboto/Roboto-Light.woff2
  10. 二进制
      fonts/roboto/Roboto-Medium.woff
  11. 二进制
      fonts/roboto/Roboto-Medium.woff2
  12. 二进制
      fonts/roboto/Roboto-Regular.woff
  13. 二进制
      fonts/roboto/Roboto-Regular.woff2
  14. 二进制
      fonts/roboto/Roboto-Thin.woff
  15. 二进制
      fonts/roboto/Roboto-Thin.woff2
  16. 129 0
      index.html
  17. 7 0
      js/init.js
  18. 10021 0
      js/materialize.js
  19. 6 0
      js/materialize.min.js

+ 21 - 0
LICENSE
查看文件 

@@ -0,0 +1,21 @@
 
+The MIT License (MIT)

+

+Copyright (c) 2014 Materialize

+

+Permission is hereby granted, free of charge, to any person obtaining a copy

+of this software and associated documentation files (the "Software"), to deal

+in the Software without restriction, including without limitation the rights

+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell

+copies of the Software, and to permit persons to whom the Software is

+furnished to do so, subject to the following conditions:

+

+The above copyright notice and this permission notice shall be included in all

+copies or substantial portions of the Software.

+

+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR

+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,

+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE

+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER

+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,

+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE

+SOFTWARE.

文件差异内容过多而无法显示
+ 9389 - 0
css/materialize.css


文件差异内容过多而无法显示
+ 16 - 0
css/materialize.min.css


+ 14 - 0
css/style.css
查看文件 

@@ -0,0 +1,14 @@
 
+/* Custom Stylesheet */

+/**

+ * Use this file to override Materialize files so you can update

+ * the core Materialize files in the future

+ *

+ * Made By MaterializeCSS.com

+ */

+

+.icon-block {

+  padding: 0 15px;

+}

+.icon-block .material-icons {

+	font-size: inherit;

+}

+ 22 - 0
empty.html
查看文件 

@@ -0,0 +1,22 @@
 
+<!doctype html>
 
+<html class="no-js" lang="">
 
+    <head>
 
+        <meta charset="utf-8">
 
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+        <title></title>
 
+        <meta name="description" content="">
 
+        <meta name="viewport" content="width=device-width, initial-scale=1">
 
+        <style>
 
+        	html {
 
+        	  height: 100%;
 
+        	}
 
+        	body {
 
+        	  min-height: 100%;
 
+        	  background: #eee;
 
+        	}
 
+        </style>
 
+    </head>
 
+    <body>
 
+ 
+    </body>
 
+</html>

二进制
fonts/roboto/Roboto-Bold.woff
查看文件


二进制
fonts/roboto/Roboto-Bold.woff2
查看文件


二进制
fonts/roboto/Roboto-Light.woff
查看文件


二进制
fonts/roboto/Roboto-Light.woff2
查看文件


二进制
fonts/roboto/Roboto-Medium.woff
查看文件


二进制
fonts/roboto/Roboto-Medium.woff2
查看文件


二进制
fonts/roboto/Roboto-Regular.woff
查看文件


二进制
fonts/roboto/Roboto-Regular.woff2
查看文件


二进制
fonts/roboto/Roboto-Thin.woff
查看文件


二进制
fonts/roboto/Roboto-Thin.woff2
查看文件


+ 129 - 0
index.html
查看文件 

@@ -0,0 +1,129 @@
 
+<!DOCTYPE html>

+<html lang="en">

+<head>

+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>

+  <title>Atelier web WCS</title>

+

+  <!-- CSS  -->

+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

+  <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>

+  <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>

+  <style>

+    html {

+      height: 100%;

+    }

+    body {

+      min-height: 100%;

+      overflow: hidden;

+    }

+    footer {

+      position: absolute;

+      bottom: 0;

+      width: 100%;

+    }

+    .col-1-2 {

+      width: 50%;

+      position: absolute;

+      top: 0;

+      bottom: 0;

+    }

+    .col-1-2:first-child {

+      border-right:1px solid #ddd;

+    }

+    .col-1-2:last-child {

+      left: 50%;

+    }

+  </style>

+

+</head>

+<body>

+    <div class="main">

+      <div class="col-1-2">

+

+        <nav class="light-blue lighten-1" role="navigation">

+          <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">WCS</a>

+            <ul class="right hide-on-med-and-down">

+              <li><a href="#">Navbar Link</a></li>

+            </ul>

+

+            <ul id="nav-mobile" class="side-nav">

+              <li><a href="#">Navbar Link</a></li>

+            </ul>

+            <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>

+          </div>

+        </nav>

+        <div class="section no-pad-bot" id="index-banner">

+          <div class="container">

+            <h4 class="header center orange-text">J'apprends le JavaScript !</h4>

+          </div>

+        </div>

+

+

+        <div class="container">

+          <div class="section">

+

+            <!--   Icon Section   -->

+            <div class="row">

+              <div class="col s12 m4">

+                <div class="icon-block">

+                  <h2 class="center light-blue-text"><i class="material-icons">flash_on</i></h2>

+

+                  <p class="light">We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to provide a smoother experience for developers.</p>

+                </div>

+              </div>

+

+              <div class="col s12 m4">

+                <div class="icon-block">

+                  <h2 class="center light-blue-text"><i class="material-icons">group</i></h2>

+

+                  <p class="light">By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and animations that provide more feedback to users. Additionally, a single underlying responsive system across all platforms allow for a more unified user experience.</p>

+                </div>

+              </div>

+

+              <div class="col s12 m4">

+                <div class="icon-block">

+                  <h2 class="center light-blue-text"><i class="material-icons">settings</i></h2>

+

+                  <p class="light">We have provided detailed documentation as well as specific code examples to help new users get started. We are also always open to feedback and can answer any questions a user may have about Materialize.</p>

+                </div>

+              </div>

+            </div>

+

+          </div>

+          <br><br>

+        </div>

+

+        <footer class="page-footer orange">

+          <div class="footer-copyright">

+            <div class="container">

+            Made by <a class="orange-text text-lighten-3" href="http://materializecss.com">Materialize</a>

+            </div>

+          </div>

+        </footer>

+

+

+      </div>

+      <div class="col-1-2">

+      <iframe

+        id="viewport"

+        src="empty.html"

+        frameborder="0"

+        marginheight="0"

+        marginwidth="0"

+        height="100%" width="100%"

+        style="overflow:hidden;width:100%;height:100%;"></iframe>

+      </div>

+    </div>

+

+

+  <!--  Scripts-->

+  <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>

+  <script src="js/materialize.js"></script>

+  <script src="js/init.js"></script>

+  <script>

+  // $('.s6').height( $(window).height() );

+  </script>

+

+  </body>

+</html>

+ 7 - 0
js/init.js
查看文件 

@@ -0,0 +1,7 @@
 
+(function($){

+  $(function(){

+

+    $('.button-collapse').sideNav();

+

+  }); // end of document ready

+})(jQuery); // end of jQuery name space

文件差异内容过多而无法显示
+ 10021 - 0
js/materialize.js


文件差异内容过多而无法显示
+ 6 - 0
js/materialize.min.js