Compare commits
2 Commits
5ad31a8ca4
...
8ffcf6c9e0
Author | SHA1 | Date |
---|---|---|
Hubert | 8ffcf6c9e0 | |
Hubert | 37129afc31 |
|
@ -6,7 +6,7 @@
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
<title>{{repo.name}}</title>
|
<title>{{repo.name}}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body class="w3-white">
|
||||||
<div class="w3-container">
|
<div class="w3-container">
|
||||||
<div class="w3-bar w3-border w3-light-grey">
|
<div class="w3-bar w3-border w3-light-grey">
|
||||||
<a href="#" class="w3-bar-item w3-button w3-green"><i class="fa fa-home"></i> Home</a>
|
<a href="#" class="w3-bar-item w3-button w3-green"><i class="fa fa-home"></i> Home</a>
|
||||||
|
|
|
@ -1,6 +1,79 @@
|
||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
<div class="w3-bar">
|
||||||
|
|
||||||
|
<span class="w3-bar-item"><span class="w3-xxlarge">{{repo.owner.name}}/{{repo.name}}</span></span>
|
||||||
|
<span class="w3-bar-item w3-right"><button class="w3-button w3-round w3-border">Fork</button></span>
|
||||||
|
<span class="w3-bar-item w3-right"><button class="w3-button w3-round w3-border">Star</button></span>
|
||||||
|
<span class="w3-bar-item w3-right"><button class="w3-button w3-round w3-border">Follow</button></span>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w3-bar w3-light-grey">
|
||||||
|
<button class="w3-bar-item w3-button repotablink w3-grey" onclick="openCity(event,'Code')">Code</button>
|
||||||
|
<button class="w3-bar-item w3-button repotablink" onclick="openCity(event,'Issues')">Issues</button>
|
||||||
|
<button class="w3-bar-item w3-button repotablink" onclick="openCity(event,'Pull')">Pull requests</button>
|
||||||
|
<button class="w3-bar-item w3-button repotablink" onclick="openCity(event,'Projects')">Projects</button>
|
||||||
|
<button class="w3-bar-item w3-button repotablink" onclick="openCity(event,'Versions')">Versions</button>
|
||||||
|
<button class="w3-bar-item w3-button repotablink" onclick="openCity(event,'Wiki')">Wiki</button>
|
||||||
|
<button class="w3-bar-item w3-button repotablink" onclick="openCity(event,'Activity')">Activity</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="Code" class="w3-container w3-border repoview">
|
||||||
|
<h2>Code</h2>
|
||||||
|
<p>London is the capital city of England.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="Issues" class="w3-container w3-border repoview" style="display:none">
|
||||||
|
<h2>Issues</h2>
|
||||||
|
<p>Paris is the capital of France.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="Pull" class="w3-container w3-border repoview" style="display:none">
|
||||||
|
<h2>Pull</h2>
|
||||||
|
<p>Tokyo is the capital of Japan.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="Projects" class="w3-container w3-border repoview" style="display:none">
|
||||||
|
<h2>Projects</h2>
|
||||||
|
<p>Tokyo is the capital of Japan.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="Versions" class="w3-container w3-border repoview" style="display:none">
|
||||||
|
<h2>Versions</h2>
|
||||||
|
<p>Tokyo is the capital of Japan.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="Wiki" class="w3-container w3-border repoview" style="display:none">
|
||||||
|
<h2>Wiki</h2>
|
||||||
|
<p>Tokyo is the capital of Japan.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="Activity" class="w3-container w3-border repoview" style="display:none">
|
||||||
|
<h2>Activity</h2>
|
||||||
|
<p>Tokyo is the capital of Japan.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function openCity(evt, viewName) {
|
||||||
|
var i, x, tablinks;
|
||||||
|
x = document.getElementsByClassName("repoview");
|
||||||
|
for (i = 0; i < x.length; i++) {
|
||||||
|
x[i].style.display = "none";
|
||||||
|
}
|
||||||
|
tablinks = document.getElementsByClassName("repotablink");
|
||||||
|
for (i = 0; i < x.length; i++) {
|
||||||
|
tablinks[i].className = tablinks[i].className.replace(" w3-grey", "");
|
||||||
|
}
|
||||||
|
document.getElementById(viewName).style.display = "block";
|
||||||
|
evt.currentTarget.className += " w3-grey";
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
{% for (dir, prev) in root %}/<a href="{{prev}}">{{dir}}</a>{% endfor %}
|
{% for (dir, prev) in root %}/<a href="{{prev}}">{{dir}}</a>{% endfor %}
|
||||||
|
|
||||||
<ul>
|
<ul>
|
||||||
|
@ -9,12 +82,4 @@
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<div class="w3-container w3-raw w3-center">
|
|
||||||
<div class="w3-col m3 w3-center"><p></p></div>
|
|
||||||
<div class="w3-col m6 w3-left-align">
|
|
||||||
<div class="w3-container w3-amber w3-round w3-margin">
|
|
||||||
<h1>{{repo.owner.name}}/{{repo.name}}</h1>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
Loading…
Reference in New Issue