From 2337fc3f49d55226f79acc68c1e1022f51e3eeda Mon Sep 17 00:00:00 2001
From: Andros Fenollosa <andros@fenollosa.email>
Date: Fri, 1 Mar 2024 09:20:05 +0100
Subject: [PATCH] Update

---
 assets/css/main.css |  7 +++-
 one.org             | 91 ++++++++++++++++++++++++++++++++++++++++++++-
 onerc.el            |  7 +---
 3 files changed, 97 insertions(+), 8 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index df74771..03d4f93 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -91,7 +91,12 @@ a:hover,
     padding-bottom: 0;
     position: absolute;
     bottom: 0;
-    z-index: -1;
+}
+
+@media (width < 600px) {
+    .nav-main__link--logo {
+	z-index: -1;
+    }
 }
 
 .image {
diff --git a/one.org b/one.org
index 6344770..032e465 100644
--- a/one.org
+++ b/one.org
@@ -321,6 +321,38 @@ And open the browser at ~http://localhost:8000/~. You should see the home page w
 #+ATTR_HTML: :class block-center
 [[#/img/quickstart/minimal-template.webp][Random number]]
 
+* FAQ
+:PROPERTIES:
+:ONE: one-custom-default-doc
+:CUSTOM_ID: /docs/faq/
+:TITLE: FAQ (Frequently Asked Questions)
+:DESCRIPTION: Frequently asked questions about Django LiveView.
+:END:
+
+** Do I need to know JavaScript to use Django LiveView?
+
+No, you don't need. You can create SPAs without using APIs, without JavaScript, and without learning anything new. If you know Python, you know how to use Django LiveView.
+
+** Can I use JavaScript?
+
+Yes, you can. You can use JavaScript to capture events, send and receive strings over a WebSockets channel.
+
+** Can I use Django's native tools?
+
+Of course. You can still use all of Django's native tools, such as its ORM, forms, plugins, etc.
+
+** Do I need to use React, Vue, Angular or any other frontend framework?
+
+No. All logic, rendering and state is in the backend.
+
+** Can I use Django REST Framework or GraphQL?
+
+Yes, you can.
+
+** Who finances the project?
+
+Only me and my free time.
+
 * Tutorials
 :PROPERTIES:
 :ONE: one-custom-default-page
@@ -329,7 +361,64 @@ And open the browser at ~http://localhost:8000/~. You should see the home page w
 :DESCRIPTION: List of all tutorials.
 :END:
 
-In progress
+- [[#/tutorials/make-a-blog/][Make a blog]]
+- [[#/tutorials/add-a-commentary-system/][Add a commentary system]]
+
+* Make a blog
+:PROPERTIES:
+:ONE: one-custom-default-page
+:CUSTOM_ID: /tutorials/make-a-blog/
+:TITLE: Make a blog
+:DESCRIPTION: Create a blog using Django LiveView.
+:END:
+
+Below we will make a simple blog with classic features:
+
+- A list with posts
+- Single page post
+- Controls to navegate between list posts and singles
+- Pagination
+- Search
+
+If you want to include a system commentary, read the next tutorial.
+
+** Creating models
+
+Before starting, we will create the models that we will use in the blog.
+
+** Adding fake data
+
+** Preparing views (SSR)
+
+** Making templates
+
+** Including actions
+
+** Adding the feature: infinite scroll
+
+** Adding the feature: search
+
+* Add a commentary system
+:PROPERTIES:
+:ONE: one-custom-default-page
+:CUSTOM_ID: /tutorials/add-a-commentary-system/
+:TITLE: Make a blog
+:DESCRIPTION: Create a commentary system using Django LiveView.
+:END:
+
+** Creating models
+
+** Adding fake data
+
+** Preparing views (SSR)
+
+** Making templates
+
+** Including actions
+
+** Getting data
+
+** Showing
 
 * Source code
 :PROPERTIES:
diff --git a/onerc.el b/onerc.el
index 1c29243..dd285c9 100644
--- a/onerc.el
+++ b/onerc.el
@@ -105,13 +105,8 @@
 		    (:ul.nav__list.nav__list--docs.nav-docs__list
 		     (:li.nav-docs__item
 		      (:a.nav-docs__link (@ :href "/docs/quickstart/") "Quickstart"))
-		     (:li.nav-docs__item
-		      (:a.nav-docs__link (@ :href "/docs/installation/") "Installation"))
-		     (:li.nav-docs__item
-		      (:a.nav-docs__link (@ :href "/docs/usage/") "Usage"))
 		     (:li.nav-docs__item
 		      (:a.nav-docs__link (@ :href "/docs/faq/") "FAQ"))
-		     (:li.nav-docs__item
-		      (:a.nav-docs__link (@ :href "/docs/api/") "API")))))
+		     )))
 		  (:main.main.main--docs
 		    ,content))))))