improve page design

This commit is contained in:
tdurieux
2021-03-19 10:23:46 +01:00
parent f1cc8d3cae
commit 351a0902b2
14 changed files with 564 additions and 316 deletions
+2 -3
View File
@@ -1,6 +1,5 @@
<div class="container-fluid main">
<ng-include src="'partials/header.htm'"></ng-include>
<div class="row center">
<div class="container-fluid h-100">
<div class="row h-100">
<div
class="col-9 p-2 preview markdown-body"
ng-bind-html="html_readme"
+2 -3
View File
@@ -1,6 +1,5 @@
<div class="container-fluid main">
<ng-include src="'partials/header.htm'"></ng-include>
<div class="row center">
<div class="container-fluid h-100">
<div class="row h-100">
<div class="col shadow overflow-auto h-100 d-flex ">
<div class="card w-50 m-auto">
<form
+2 -3
View File
@@ -1,6 +1,5 @@
<div class="container-fluid main">
<ng-include src="'partials/header.htm'"></ng-include>
<div class="row center">
<div class="container-fluid h-100">
<div class="row h-100">
<div class="leftCol shadow p-1 h-100 overflow-auto">
<h3>Filters</h3>
<h5>Status</h5>
+3 -3
View File
@@ -1,10 +1,10 @@
<div ng-if="type == 'text'" ng-model="content" ui-ace="aceOption"></div>
<div ng-if="type == 'html'" ng-bind-html="content" class="file-content markdown-body"></div>
<div ng-if="type == 'code'" ui-ace="aceOption" ng-model="content"></div>
<div ng-if="type == 'code' && content != null" ui-ace="aceOption" ng-model="content"></div>
<img ng-if="type == 'image'" class="image-content" ng-src="{{url}}"></img>
<div class="h-100 overflow-auto" ng-if="type == 'pdf'">
<pdfviewer class="h-100 overflow-auto" src="{{url}}" id="viewer"></pdfviewer>
</div>
<div ng-if="type == 'IPython'"><notebook file="url"></notebook></div>
<div ng-if="type == 'error'" class="file-error" ng-bind="content"></div>
<div ng-if="content == null" class="file-error">Empty file!</div>
<div ng-if="type == 'error'" class="file-error container d-flex h-100"><h1 class="display-1 m-auto" ng-bind="content">Error</h1></div></div>
<div ng-if="content == null" class="file-error container d-flex h-100"><h1 class="display-1 m-auto">Empty file!</h1></div>
+2 -3
View File
@@ -1,6 +1,5 @@
<div class="container-fluid main">
<ng-include src="'partials/header.htm'"></ng-include>
<div class="row center">
<div class="container-fluid h-100">
<div class="row h-100">
<div class="container px-md-3 px-sm-0">
<section
class="accordion-section clearfix mt-3"
+98 -105
View File
@@ -1,106 +1,99 @@
<div class="row top navbar navbar-expand-lg navbar-dark">
<div class="container-fluid">
<div class=""><a class="navbar-brand" href="">Anonymous GitHub</a></div>
<div class="col">
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbar"
aria-controls="navbar"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav mr-auto smooth-scroll">
<li class="nav-item" ng-if="!user">
<a class="nav-link" ng-class="{'active': path == '/'}" href="/">
Home
</a>
</li>
<li class="nav-item" ng-if="user">
<a
class="nav-link"
ng-class="{'active': path == '/dashboard'}"
href="/dashboard"
>
Home
</a>
</li>
<li class="nav-item" ng-if="user">
<a
class="nav-link"
ng-class="{'active':path == '/anonymize'}"
href="/anonymize"
>Annoymize</a
>
</li>
<li class="nav-item">
<a class="nav-link" ng-class="{'active':path == '/faq'}" href="/faq"
>FAQ</a
>
</li>
<li class="nav-item">
<a
class="nav-link"
target="_blank"
href="https://github.com/tdurieux/anonymous_github/issues/new"
data-offset="30"
>Report an issue
</a>
</li>
<li class="nav-item" ng-if="!user">
<a
class="nav-link"
target="_self"
href="/github/login"
data-offset="30"
>Login
</a>
</li>
<li class="nav-item">
<a
class="nav-link nav-icon"
target="_blank"
href="https://github.com/tdurieux/anonymous_github/"
data-offset="30"
><i class="fa fa-github" aria-hidden="true"></i
></a>
</li>
<li class="nav-item dropdown" ng-if="user">
<a
class="nav-link dropdown-toggle"
href="#"
id="navbarDropdownMenuLink"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
>
<!-- <img
height="30"
class="d-inline-block align-middle"
src="{{user.photo}}"
ng-if="user.photo"
data-offset="30"
/> -->
{{user.username}}
<!-- <span ng-bind="user.username"></span> -->
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<!-- <a class="dropdown-item" href="/profile">My Profile</a> -->
<a class="dropdown-item" href="/dashboard">Projects</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="/api/user/logout" target="__self"
>Logout</a
>
</div>
</li>
</ul>
<ul class="navbar-nav"></ul>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" ng-class="{'shadow': !generalMessage}">
<a class="navbar-brand" href="/">Anonymous GitHub</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto smooth-scroll">
<li class="nav-item" ng-if="!user">
<a class="nav-link" ng-class="{'active': path == '/'}" href="/">
Home
</a>
</li>
<li class="nav-item" ng-if="user">
<a
class="nav-link"
ng-class="{'active': path == '/dashboard'}"
href="/dashboard"
>
Home
</a>
</li>
<li class="nav-item" ng-if="user">
<a
class="nav-link"
ng-class="{'active':path == '/anonymize'}"
href="/anonymize"
>Annoymize</a
>
</li>
<li class="nav-item">
<a class="nav-link" ng-class="{'active':path == '/faq'}" href="/faq"
>FAQ</a
>
</li>
<li class="nav-item">
<a
class="nav-link"
target="_blank"
href="https://github.com/tdurieux/anonymous_github/issues/new"
data-offset="30"
>Report an issue
</a>
</li>
<li class="nav-item" ng-if="!user">
<a class="nav-link" target="_self" href="/github/login" data-offset="30"
>Login
</a>
</li>
<li class="nav-item">
<a
class="nav-link nav-icon"
target="_blank"
href="https://github.com/tdurieux/anonymous_github/"
data-offset="30"
><i class="fa fa-github" aria-hidden="true"></i
></a>
</li>
<li class="nav-item dropdown" ng-if="user">
<a
class="nav-link dropdown-toggle"
href="#"
id="navbarDropdownMenuLink"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
>
<!-- <img
height="30"
class="d-inline-block align-middle"
src="{{user.photo}}"
ng-if="user.photo"
data-offset="30"
/> -->
{{user.username}}
<!-- <span ng-bind="user.username"></span> -->
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<!-- <a class="dropdown-item" href="/profile">My Profile</a> -->
<a class="dropdown-item" href="/dashboard">Projects</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="/api/user/logout" target="__self"
>Logout</a
>
</div>
</li>
</ul>
</div>
</div>
</nav>
<div class="navbar shadow generalMessage" ng-bind-html="generalMessage" ng-if="generalMessage"></div>
-1
View File
@@ -1,5 +1,4 @@
<div class="container-fluid">
<ng-include src="'partials/header.htm'"></ng-include>
<div
id="home"
class="row view rgba-gradient d-flex align-self-stretch justify-content-center align-items-center"