提交 300f36f1 编写于 作者: Y Yu Yang

Complete English frontpage

上级 745c657f
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Deep Learning 101</title>
<link href="http://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/tether/1.4.0/js/tether.js"></script>
<script src="http://cdn.bootcss.com/jquery/3.1.0/jquery.slim.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
<style>
.left-panel {
background: #ecedee;
}
.left-panel .card-header {
background: #ecedee;
}
.left-panel .card-header a {
font-size: 13px;
font-weight: bolder;
}
.left-panel .card-block a {
border-radius: 0px;
font-size: 13px;
padding-left: 40px;
background: #e4e6e9;
border: 1px solid rgba(0,0,0,.125);
}
.left-panel .card-block a.active_color {
font-color: rgb(70, 74, 76);
font-weight: bolder;
}
</style>
</head>
<body>
<nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse">
<a class="navbar-brand mr-auto" href="#">
<img alt="PaddlePaddle" src="./.theme/PP_w.png">
</a>
<ul class="nav navbar-nav">
<li class="nav-item">
<a class="nav-link" href="http://paddlepaddle.org">
Home
</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="./index.html">
中文
</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">
Deep Learning 101
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/PaddlePaddle/book/">Fork on Github</a>
</li>
</ul>
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-3 pl-1 pr-1 left-panel">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="card">
<div class="card-header" role="tab" id="headingOne">
<h5 class="mb-0">
<a aria-expanded="true" aria-controls="collapseOne">
Deep Learning 101<span class="sr-only">(current)</span>
</a>
</h5>
</div>
<div id="collapseOne" class="rounded-0 collapse show" role="tabpanel" aria-labelledby="headingOne">
<div class="card-block pl-0 pr-0 pt-0 pb-0">
<div class="list-group ">
<a href="./fit_a_line/index.en.html" target="content_iframe" class="list-group-item list-group-item-action">
Linear Regression
</a>
<a href="./recognize_digits/index.en.html" target="content_iframe" class="list-group-item list-group-item-action">
Recognize Digits
</a>
<a href="./image_classification/index.en.html" target="content_iframe" class="list-group-item list-group-item-action">
Image Classification
</a>
<a href="./word2vec/index.en.html" target="content_iframe" class="list-group-item list-group-item-action">
Word2Vec
</a>
<a href="./understand_sentiment/index.en.html" target="content_iframe" class="list-group-item list-group-item-action">
Sentiment Analysis
</a>
<a href="./label_semantic_roles/index.en.html" target="content_iframe" class="list-group-item list-group-item-action">
Semantic Role Labeling
</a>
<a href="./machine_translation/index.en.html" target="content_iframe" class="list-group-item list-group-item-action">
Machine Translation
</a>
<a href="./recommender_system/index.en.html" target="content_iframe" class="list-group-item list-group-item-action">
Personalized Recommendation
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<iframe src="./fit_a_line/index.en.html" style="border: none;" width="100%" height="100%" name="content_iframe" id="content_iframe">
</iframe>
</div>
</div>
</div>
<script>
$('#content_iframe').on('load', function(){
$("#content_iframe").height(200) // trick code to shrink iframe size
$("#content_iframe").height($('#content_iframe').contents().find("body").height()+20)
});
</script>
</body>
</html>
\ No newline at end of file
{
"is_en": true,
"chapters": [
{
"name": "Linear Regression",
"link": "./fit_a_line/index.en.html"
},
{
"name": "Recognize Digits",
"link": "./recognize_digits/index.en.html"
},
{
"name": "Image Classification",
"link": "./image_classification/index.en.html"
},
{
"name": "Word2Vec",
"link": "./word2vec/index.en.html"
},
{
"name": "Sentiment Analysis",
"link": "./understand_sentiment/index.en.html"
},
{
"name": "Semantic Role Labeling",
"link": "./label_semantic_roles/index.en.html"
},
{
"name": "Machine Translation",
"link": "./machine_translation/index.en.html"
},
{
"name": "Personalized Recommendation",
"link": "./recommender_system/index.en.html"
}
]
}
index.html.tmpl
\ No newline at end of file
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh-Hans">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>深度学习入门</title> <title>深度学习入门</title>
...@@ -43,13 +43,19 @@ ...@@ -43,13 +43,19 @@
</a> </a>
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="http://paddlepaddle.org">首页</a> <a class="nav-link" href="http://paddlepaddle.org">
首页
</a>
</li> </li>
<li class="nav-item active"> <li class="nav-item active">
<a class="nav-link" href="#">深度学习入门<span class="sr-only">(current)</span></a> <a class="nav-link" href="#">
深度学习入门
</a>
</li> </li>
<li class="nav-item"> <li class="nav-item ">
<a class="nav-link" href="#">English</a> <a class="nav-link" href="./index.en.html">
English
</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="https://github.com/PaddlePaddle/book/">Fork on Github</a> <a class="nav-link" href="https://github.com/PaddlePaddle/book/">Fork on Github</a>
......
{ {
"is_en": false,
"chapters": [ "chapters": [
{ {
"name": "新手入门", "name": "新手入门",
...@@ -33,4 +34,4 @@ ...@@ -33,4 +34,4 @@
"link": "./recommender_system/index.html" "link": "./recommender_system/index.html"
} }
] ]
} }
\ No newline at end of file
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="{% if is_en %}en{%else%}zh-Hans{% endif %}">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>深度学习入门</title> <title>{% if not is_en %}深度学习入门{%else%}Deep Learning 101{% endif %}</title>
<link href="http://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"> <link href="http://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/tether/1.4.0/js/tether.js"></script> <script src="http://cdn.bootcss.com/tether/1.4.0/js/tether.js"></script>
<script src="http://cdn.bootcss.com/jquery/3.1.0/jquery.slim.js"></script> <script src="http://cdn.bootcss.com/jquery/3.1.0/jquery.slim.js"></script>
...@@ -43,13 +43,19 @@ ...@@ -43,13 +43,19 @@
</a> </a>
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="http://paddlepaddle.org">首页</a> <a class="nav-link" href="http://paddlepaddle.org">
{% if is_en %}Home{% else %}首页{% endif %}
</a>
</li> </li>
<li class="nav-item active"> <li class="nav-item {% if not is_en %}active{% endif %}">
<a class="nav-link" href="#">深度学习入门<span class="sr-only">(current)</span></a> <a class="nav-link" href="{% if is_en %}./index.html{% else %}#{%endif%}">
{% if is_en %}中文{% else %}深度学习入门{% endif %}
</a>
</li> </li>
<li class="nav-item"> <li class="nav-item {% if is_en %}active{% endif %}">
<a class="nav-link" href="#">English</a> <a class="nav-link" href="{% if is_en %}#{% else %}./index.en.html{% endif %}">
{% if is_en %}Deep Learning 101{% else %}English{% endif %}
</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="https://github.com/PaddlePaddle/book/">Fork on Github</a> <a class="nav-link" href="https://github.com/PaddlePaddle/book/">Fork on Github</a>
...@@ -64,7 +70,7 @@ ...@@ -64,7 +70,7 @@
<div class="card-header" role="tab" id="headingOne"> <div class="card-header" role="tab" id="headingOne">
<h5 class="mb-0"> <h5 class="mb-0">
<a aria-expanded="true" aria-controls="collapseOne"> <a aria-expanded="true" aria-controls="collapseOne">
深度学习入门 {% if is_en %}Deep Learning 101<span class="sr-only">(current)</span>{% else %}深度学习入门{% endif %}
</a> </a>
</h5> </h5>
</div> </div>
...@@ -83,7 +89,7 @@ ...@@ -83,7 +89,7 @@
</div> </div>
</div> </div>
<div class="col"> <div class="col">
<iframe src="./fit_a_line/index.html" style="border: none;" width="100%" height="100%" name="content_iframe" id="content_iframe"> <iframe src="./fit_a_line/index{% if is_en %}.en{% endif %}.html" style="border: none;" width="100%" height="100%" name="content_iframe" id="content_iframe">
</iframe> </iframe>
</div> </div>
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册