diff --git a/html/50x.html b/html/50x.html
index 356d6df..2aa3f1e 100644
--- a/html/50x.html
+++ b/html/50x.html
@@ -1,25 +1,164 @@
-
+
-
-
-Error
-
+ * {padding: 0; margin: 0;}
+ html,body {font-size: 14px; font-family: Lato, sans-serif}
+ body {text-align: center; background: var(--secondary-bg-color);}
+ ul {list-style: none;}
+ .flex {display: flex; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox;}
+ .justify-content-center {-webkit-box-pack: center; -ms-justify-content: center; -moz-justify-content: center; -o-justify-content: center; -webkit-justify-content: center; justify-content: center;}
+ .align-items-center {-webkit-box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -o-align-items: center; align-items: center;}
+ .text-decoration-no {text-decoration: none !important;}
+ ul li, .products-list a {display: inline-block;}
+ .main-theme {background: var(--main-bg-color); color: var(--secondary-text-color);}
+ .light-theme {background: var(--secondary-bg-color);}
+ .white-theme {background: var(--secondary-bg-color); color: var(--main-text-color);}
+ .main-theme a {color: #c93030; text-decoration: underline;}
+ section {max-width: 1200px; margin: 0 auto; padding: 2.14rem; box-sizing: border-box;}
+ section h1 {font-size: 3rem; margin-bottom: 16px;}
+ section h2 {font-size: 1.8rem; margin-bottom: 16px;}
+ section p {line-height: 1.5; font-size: 1.3rem;}
+ .main {position: relative;}
+ .products-list {margin-top: 20px;}
+ .products-list a {background: #fff; color: var(--main-text-color); padding: 10px 15px; border-radius: 4px; margin-left: 40px; min-width: 185px;}
+ .products-list a:first-child {margin-left: 0;}
+ .products img {width: 40px; height: 40px;}
+ .products h3 {font-size: 1.15rem; font-weight: normal; margin: 4px 0;}
+ .products a p {font-size: 0.92rem;}
+ .social a {border-radius: 10px; background-color: var(--main-text-color); box-shadow: rgb(0 0 0 / 10%) -2px 2px 2px 1px; color: #fff; border: none; padding: 6px 0; line-height: 24px; min-width: 250px; text-align: center; font-size: 1.1rem;}
+ .social a img, .social a svg {width: 16px; height: 16px; vertical-align: middle; margin-right: 5px;}
+ .social li {margin-left: 40px;}
+ .social li:first-child {margin-left: 0;}
+ .blogs {position: relative; margin-bottom: 20px; padding-left: 10px; padding-right: 10px;}
+ .blogs .title {margin-bottom: 30px; color: var(--main-text-color); font-size: 1.5rem;}
+ .blogs .swiper-wrapper {margin: 0 0 10px;}
+ .blogs-slider .swiper-slide {width: 20%; display: inline-block; vertical-align: top; margin-right: 40px; }
+ .blogs-slider .swiper-slide:last-child {margin-right: 0 !important;}
+ .blogs-slider .img-wrapper {font-size: 0; border-radius: 4px; margin-bottom: 10px; overflow: hidden; border: 2px solid #fff;}
+ .blogs-slider img {width: 100%; height: 120px; border-radius: 4px; -webkit-user-select: none; -ms-user-select: none; user-select: none; object-fit: cover;}
+ .blogs-slider p {font-size: 0.95rem; color: var(--main-text-color);}
+ @media screen and (min-width: 1200px) {
+ .blogs .swiper-wrapper {-webkit-box-pack: justify; -ms-justify-content: space-between; -moz-justify-content: space-between; -o-justify-content: space-between; -webkit-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between;}
+ }
+ @media screen and (max-width: 1200px) {
+ .blogs {padding-left: 20px; padding-right: 20px;}
+ .blogs-slider .swiper-slide {margin-right: 20px; margin-bottom: 20px;}
+ }
+ @media screen and (max-width: 768px) {
+ html,body {font-size: 12px}
+ .social li {margin-left: 0; margin-bottom: 10px;}
+ .social li:last-child {margin-bottom: 0;}
+ .products-list a {margin-left: 0; margin-bottom: 10px;}
+ .products-list a:last-child {margin-bottom: 0;}
+ .blogs {padding-left: 10px; padding-right: 10px; margin-bottom: 0; }
+ .blogs .swiper-wrapper {justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -o-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
+ .blogs-slider .swiper-slide {width: 30%; margin-right: 3.3%; }
+ .blogs-slider .swiper-slide:nth-child(3n) {width: 30%; margin-right: 0; }
+ }
+ @media screen and (max-width: 540px) {
+ .blogs-slider img {height: 100px;}
+ }
+
-An error occurred.
-Sorry, the page you are looking for is currently unavailable.
-Please try again later.
-If you are the system administrator of this resource then you should check
-the error log for details.
-We have articles on troubleshooting issues like high CPU usage and
-large memory usage on our official blog site.
-
Faithfully yours, OpenResty.
+
+ An error occurred.
+ Sorry, the page you are looking for is currently unavailable. Please try again later.
+ If you are the system administrator of this resource then you should check the error log for details.
+ Commercial support is available at openresty.com.
+
+
+
+ OpenResty Inc. Products
+ We solve your unique and complex web problems with our layers of solutions and expertise from over a decade of experience.
+
+
+
+ OpenResty's Official Blog for Technologies & Products.
+
+
diff --git a/html/index.html b/html/index.html
index 9b92d2e..f7c92d6 100644
--- a/html/index.html
+++ b/html/index.html
@@ -1,28 +1,165 @@
-
+
-
-
-Welcome to OpenResty!
-
+ * {padding: 0; margin: 0;}
+ html,body {font-size: 14px; font-family: Lato, sans-serif}
+ body {text-align: center; background: var(--secondary-bg-color);}
+ ul {list-style: none;}
+ .flex {display: flex; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox;}
+ .justify-content-center {-webkit-box-pack: center; -ms-justify-content: center; -moz-justify-content: center; -o-justify-content: center; -webkit-justify-content: center; justify-content: center;}
+ .align-items-center {-webkit-box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -o-align-items: center; align-items: center;}
+ .text-decoration-no {text-decoration: none !important;}
+ ul li, .products-list a {display: inline-block;}
+ .main-theme {background: var(--main-bg-color); color: var(--secondary-text-color);}
+ .light-theme {background: var(--secondary-bg-color);}
+ .white-theme {background: #fff; color: var(--main-text-color);}
+ .main-theme a {color: #effc67; text-decoration: underline;}
+ section {max-width: 1200px; margin: 0 auto; padding: 2.14rem; box-sizing: border-box;}
+ section h1 {font-size: 3rem; margin-bottom: 16px;}
+ section h2 {font-size: 1.8rem; margin-bottom: 16px;}
+ section p {line-height: 1.5; font-size: 1.3rem;}
+ .main {position: relative;}
+ .products-list {margin-top: 20px;}
+ .products-list a {background: #fff; color: var(--main-text-color); padding: 10px 15px; border-radius: 4px; margin-left: 40px; min-width: 185px;}
+ .products-list a:first-child {margin-left: 0;}
+ .products img {width: 40px; height: 40px;}
+ .products h3 {font-size: 1.15rem; font-weight: normal; margin: 4px 0;}
+ .products a p {font-size: 0.92rem;}
+ .social a {border-radius: 10px; background-color: var(--main-text-color); box-shadow: rgb(0 0 0 / 10%) -2px 2px 2px 1px; color: var(--secondary-text-color); border: none; padding: 6px 0; line-height: 24px; min-width: 250px; text-align: center; font-size: 1.1rem;}
+ .social a img, .social a svg {width: 16px; height: 16px; vertical-align: middle; margin-right: 5px;}
+ .social li {margin-left: 40px;}
+ .social li:first-child {margin-left: 0;}
+ .blogs {position: relative; margin-bottom: 20px; padding-left: 10px; padding-right: 10px;}
+ .blogs .title {margin-bottom: 30px; color: var(--main-text-color); font-size: 1.5rem;}
+ .blogs .swiper-wrapper {margin: 0 0 10px;}
+ .blogs-slider .swiper-slide {width: 20%; display: inline-block; vertical-align: top; margin-right: 40px; }
+ .blogs-slider .swiper-slide:last-child {margin-right: 0 !important;}
+ .blogs-slider .img-wrapper {font-size: 0; border-radius: 4px; margin-bottom: 10px; overflow: hidden; border: 2px solid #fff;}
+ .blogs-slider img {width: 100%; height: 120px; border-radius: 4px; -webkit-user-select: none; -ms-user-select: none; user-select: none; object-fit: cover;}
+ .blogs-slider p {font-size: 0.95rem; color: var(--main-text-color);}
+ @media screen and (min-width: 1200px) {
+ .blogs .swiper-wrapper {-webkit-box-pack: justify; -ms-justify-content: space-between; -moz-justify-content: space-between; -o-justify-content: space-between; -webkit-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between;}
+ }
+ @media screen and (max-width: 1200px) {
+ .blogs {padding-left: 20px; padding-right: 20px;}
+ .blogs-slider .swiper-slide {margin-right: 20px; margin-bottom: 20px;}
+ }
+ @media screen and (max-width: 768px) {
+ html,body {font-size: 12px}
+ .social li {margin-left: 0; margin-bottom: 10px;}
+ .social li:last-child {margin-bottom: 0;}
+ .products-list a {margin-left: 0; margin-bottom: 10px;}
+ .products-list a:last-child {margin-bottom: 0;}
+ .blogs {padding-left: 10px; padding-right: 10px; margin-bottom: 0; }
+ .blogs .swiper-wrapper {justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -o-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
+ .blogs-slider .swiper-slide {width: 30%; margin-right: 3.3%; }
+ .blogs-slider .swiper-slide:nth-child(3n) {width: 30%; margin-right: 0; }
+ }
+ @media screen and (max-width: 540px) {
+ .blogs-slider img {height: 100px;}
+ }
+
-Welcome to OpenResty!
-If you see this page, the OpenResty web platform is successfully installed and
-working. Further configuration is required.
-
-For online documentation and support please refer to our
-openresty.org site
-Commercial support is available at
-openresty.com.
-We have articles on troubleshooting issues like high CPU usage and
-large memory usage on our official blog site.
-
Thank you for flying OpenResty.
+
+ Welcome to OpenResty!
+ If you see this page, the OpenResty web platform is successfully installed and
+ working. Further configuration is required.
+ For online documentation and support, please refer to our openresty.org site.
+ Commercial support is available at openresty.com.
+
+
+
+ OpenResty Inc. Products
+ We solve your unique and complex web problems with our layers of solutions and expertise from over a decade of experience.
+
+
+
+ OpenResty's Official Blog for Technologies & Products.
+
+