Add index.html

doccano/app/app/urls.py

@@ -19,7 +19,7 @@ from django.contrib.auth.views import LoginView, PasswordResetView, LogoutView
 
 
 urlpatterns = [
-    path('projects/', include('server.urls')),
+    path('', include('server.urls')),
     path('admin/', admin.site.urls),
     path('login/', LoginView.as_view(template_name='login.html',
                                      redirect_authenticated_user=True), name='login'),

doccano/app/server/static/forum.css

@@ -14,9 +14,6 @@ footer {
 .container .columns {
   margin: 2rem 0;
 }
-.navbar-menu .navbar-item {
-  padding: 0 2rem;
-}
 aside.menu {
   padding-top: 3rem;
 }

doccano/app/server/templates/base.html

@@ -24,12 +24,20 @@
     <nav class="navbar is-white has-shadow">
         <div class="container">
             <div class="navbar-brand">
-                <a class="navbar-item" href="../">
+                <a class="navbar-item" href="{% url 'index' %}">
                     <img src="{% static 'images/logo.png' %}" width="40" height="48">doccano
                 </a>
             </div>
             <div id="topNav" class="navbar-menu">
                 <div class="navbar-end">
+                    <a class="navbar-item" href="{% url 'index' %}">Home</a>
+                    <a class="navbar-item" href="hoge.html">Live Demo</a>
+                    <a class="navbar-item" href="https://github.com/chakki-works/doccano">
+                        <span class="icon is-small">
+                            <i class="fab fa-github"></i>
+                        </span>
+                        <span>&nbsp;GitHub</span>
+                    </a>
                     <div class="navbar-item">
                         <div class="field is-grouped">
                             <p class="control">
@@ -56,10 +64,9 @@
         </div>
     </nav>
 
-    {% block content %}
-    {% endblock %}
-    
-    
+    {% block content %} {% endblock %}
+
+
 
 </body>
 

doccano/app/server/templates/index.html

@@ -0,0 +1,65 @@
+{% extends "base.html" %} {% block content %}
+<div class="hero-body">
+    <div class="container">
+        <div class="columns">
+            <div class="column is-12">
+                <h1 class="title is-1">Doccano</h1>
+                <h2 class="subtitle is-4">
+                    A document annotation tool by active learning.
+                </h2>
+                <p>
+                    <a class="button is-medium is-info is-outlined">
+                        Try Demo
+                    </a>
+                </p>
+            </div>
+        </div>
+
+        <div class="columns is-vcentered">
+            <div class="column is-5">
+                <figure class="image is-4by3">
+                    <img src="https://picsum.photos/800/600/?random" alt="Description">
+                </figure>
+            </div>
+            <div class="column is-6 is-offset-1">
+                <h1 class="title is-2">
+                    Document Annotation
+                </h1>
+                <h2 class="subtitle is-4">
+                    Label document for any document classification tasks.
+                </h2>
+                <br>
+                <p>
+                    <a class="button is-medium is-info is-outlined">
+                        Try Demo
+                    </a>
+                </p>
+            </div>
+        </div>
+
+        <div class="columns is-vcentered">
+
+            <div class="column is-6">
+                <h1 class="title is-2">
+                    Sequence Labeling
+                </h1>
+                <h2 class="subtitle is-4">
+                    A super easy interface to tag for named entity recognition, part-of-speech tagging, semantic role labeling.
+                </h2>
+                <br>
+                <p>
+                    <a class="button is-medium is-info is-outlined">
+                        Try Demo
+                    </a>
+                </p>
+            </div>
+
+            <div class="column is-5 is-offset-1">
+                <figure class="image is-4by3">
+                    <img src="https://picsum.photos/800/600/?random" alt="Description">
+                </figure>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}

doccano/app/server/urls.py

@@ -1,16 +1,18 @@
 from django.urls import path
 
+from .views import IndexView
 from .views import AnnotationAPIView, ProgressAPI, SearchAPI, InboxView
 from .views import ProjectListView, ProjectAdminView, RawDataAPI, LabelAPI, DataDownloadAPI
 
 urlpatterns = [
-    path('', ProjectListView.as_view(), name='project-list'),
-    path('<int:pk>/admin', ProjectAdminView.as_view(), name='project-admin'),
-    path('<int:project_id>/download', DataDownloadAPI.as_view(), name='download'),
-    path('<int:project_id>/', InboxView.as_view(), name='annotation'),
-    path('<int:project_id>/apis/data', AnnotationAPIView.as_view()),
-    path('<int:pk>/apis/raw_data', RawDataAPI.as_view(), name='data_api'),
-    path('<int:pk>/apis/labels', LabelAPI.as_view(), name='label_api'),
-    path('<int:project_id>/apis/progress', ProgressAPI.as_view()),
-    path('<int:project_id>/apis/search', SearchAPI.as_view()),
+    path('', IndexView.as_view(), name='index'),
+    path('projects/', ProjectListView.as_view(), name='project-list'),
+    path('projects/<int:pk>/admin', ProjectAdminView.as_view(), name='project-admin'),
+    path('projects/<int:project_id>/download', DataDownloadAPI.as_view(), name='download'),
+    path('projects/<int:project_id>/', InboxView.as_view(), name='annotation'),
+    path('projects/<int:project_id>/apis/data', AnnotationAPIView.as_view()),
+    path('projects/<int:pk>/apis/raw_data', RawDataAPI.as_view(), name='data_api'),
+    path('projects/<int:pk>/apis/labels', LabelAPI.as_view(), name='label_api'),
+    path('projects/<int:project_id>/apis/progress', ProgressAPI.as_view()),
+    path('projects/<int:project_id>/apis/search', SearchAPI.as_view()),
 ]

doccano/app/server/views.py

@@ -10,6 +10,13 @@ from django.core.paginator import Paginator
 from .models import Annotation, Label, Document, Project
 
 
+class IndexView(View):
+    template_name = 'index.html'
+
+    def get(self, request, *args, **kwargs):
+        return render(request, self.template_name)
+
+
 class InboxView(View):
     template_name = 'annotation.html'