---
org-demo.html | 20 ++++++++++----------
resources/style/org-demo.scss | 18 +++++++++---------
zh-CN/org-demo.html | 20 ++++++++++----------
3 files changed, 29 insertions(+), 29 deletions(-)
diff --git a/org-demo.html b/org-demo.html
index 98416eb..d3d0de9 100644
--- a/org-demo.html
+++ b/org-demo.html
@@ -1,23 +1,23 @@
<div id="org-demo" style="counter-set: chk 0">
- <asside class="label-left">Metadata </asside>
+ <aside class="label-left">Metadata </aside>
<pre class="label-left">
#+title: <span class="org-document-title">Example Org File</span>
#+author: <span class="org-document-info">TEC</span>
#+date: <span class="org-document-info">2020-10-27</span></pre>
<details open>
<summary>
- <asside class="right" style="position: relative; z-index: -1">
+ <aside class="right" style="position: relative; z-index: -1">
<h4>Outlining</h4>
Headings and folding make structured editing a breeze.
Plain text makes it easy to sync and version control Org files.
- </asside>
+ </aside>
<pre><span class="org-level-1">* Revamp orgmode.org website</span></pre>
</summary>
- <asside class="left">
+ <aside class="left">
<h4>Agenda</h4>
List todos across all your files.
Filter content, and update it in place.
- </asside>
+ </aside>
<pre>
The <i>/beauty/</i> of org <b>*must*</b> be shared.</pre>
@@ -70,7 +70,7 @@ Go through <span class="org-link"><a
href="/resources/style/org.css">[[file:styl
</details>
<details open class="label-left">
<summary>
- <asside class="label-left">Prose</asside>
+ <aside class="label-left">Prose</aside>
<pre><span class="org-level-1">* Learn Org</span></pre>
</summary>
<pre>
@@ -96,12 +96,12 @@ here for you as well: dive into the manual and join the
community!
<span class="org-level-1">* Check CSS minification ratios</span>
</pre>
</summary>
- <asside class="right">
+ <aside class="right">
<h4>Babel</h4>
Perform literate programming in org,
with notebook-like live code execution in the buffer.
- </asside>
- <asside class="label-left">Code</asside>
+ </aside>
+ <aside class="label-left">Code</aside>
<details open>
<summary><pre class="label-left" style="background-color: #ccc4"><span
class="org-block-begin-line">#+begin_src python</span></pre></summary>
<pre class="src label-left" style="background-color: #fff4">
@@ -119,7 +119,7 @@ here for you as well: dive into the manual and join the
community!
</details>
<details open>
<summary>
- <asside class="label-left">Evaluated results</asside>
+ <aside class="label-left">Evaluated results</aside>
<pre class="label-left br"><span
class="org-block-begin-line">#+RESULTS:</span></pre>
</summary>
<pre class="label-left"><span class="org-table">| index.css | 76%
minified ( 1.4 KiB) |
diff --git a/resources/style/org-demo.scss b/resources/style/org-demo.scss
index 90ff86f..daaac4d 100644
--- a/resources/style/org-demo.scss
+++ b/resources/style/org-demo.scss
@@ -19,7 +19,7 @@ $demo_green: wcag-color($green, $demo_bg);
// 0 -20px 0 -10px $demo_bg,
// 0 -20px 1px -9px rgba(0,0,0,0.15);
- asside.left, asside.right {
+ aside.left, aside.right {
background-color: mix($primary,$background,20%);
line-height: 1.4;
border-radius: 3px;
@@ -38,22 +38,22 @@ $demo_green: wcag-color($green, $demo_bg);
}
@media (min-width:1000px) {
- asside.left, asside.right {
+ aside.left, aside.right {
width: 35%;
}
- asside.right {
+ aside.right {
float: right;
clear: right;
margin-right: -40%;
}
- asside.left {
+ aside.left {
float: left;
clear: left;
margin-left: -40%;
}
}
- asside.label-left {
+ aside.label-left {
float: left;
transform: translateX(-100%);
color: wcag-color($contrast, $background);
@@ -64,7 +64,7 @@ $demo_green: wcag-color($green, $demo_bg);
@media (max-width:1000px) {
margin-left: 2.2em;
margin-top: 0;
- asside.label-left {
+ aside.label-left {
text-orientation: sideways;
writing-mode: sideways-lr;
}
@@ -73,11 +73,11 @@ $demo_green: wcag-color($green, $demo_bg);
width: 60vw;
max-width: 100%;
margin-left: calc(42% - 25vw);
- asside.left, asside.right {
+ aside.left, aside.right {
max-width: 15vw; }
- asside.right {
+ aside.right {
margin-right: calc(-18vw - 0.5em); }
- asside.left {
+ aside.left {
margin-left: calc(-18vw - 0.5em); }
}
diff --git a/zh-CN/org-demo.html b/zh-CN/org-demo.html
index 9845276..0ec6b19 100644
--- a/zh-CN/org-demo.html
+++ b/zh-CN/org-demo.html
@@ -1,23 +1,23 @@
<div id="org-demo" style="counter-set: chk 0">
- <asside class="label-left">元数据</asside>
+ <aside class="label-left">元数据</aside>
<pre class="label-left">
#+title: <span class="org-document-title">Example Org File</span>
#+author: <span class="org-document-info">TEC</span>
#+date: <span class="org-document-info">2020-10-27</span></pre>
<details open>
<summary>
- <asside class="right" style="position: relative; z-index: -1">
+ <aside class="right" style="position: relative; z-index: -1">
<h4>概述显示</h4> <!-- TODO: I don't know if this is the best way to
phrase it -->
章节标题与折叠让结构化编辑小菜一碟。
纯文本使得将 Org 文件同步或者加入版本管理十分容易。
- </asside>
+ </aside>
<pre><span class="org-level-1">* Revamp orgmode.org website</span></pre>
</summary>
- <asside class="left">
+ <aside class="left">
<h4>日程</h4>
列出你所有文件中的待办事项。
过滤内容，并且直接更改其内容。
- </asside>
+ </aside>
<pre>
The <i>/beauty/</i> of org <b>*must*</b> be shared.</pre>
@@ -70,7 +70,7 @@ Go through <span class="org-link"><a
href="/resources/style/org.css">[[file:styl
</details>
<details open class="label-left">
<summary>
- <asside class="label-left">文本</asside>
+ <aside class="label-left">文本</aside>
<pre><span class="org-level-1">* Learn Org</span></pre>
</summary>
<pre>
@@ -96,12 +96,12 @@ here for you as well: dive into the manual and join the
community!
<span class="org-level-1">* Check CSS minification ratios</span>
</pre>
</summary>
- <asside class="right">
+ <aside class="right">
<h4>Babel</h4>
在 Org 里进行文学编程。
用的是缓存区里类似笔记本的实时代码运行功能。
- </asside>
- <asside class="label-left">代码</asside>
+ </aside>
+ <aside class="label-left">代码</aside>
<details open>
<summary><pre class="label-left" style="background-color: #ccc4"><span
class="org-block-begin-line">#+begin_src python</span></pre></summary>
<pre class="src label-left" style="background-color: #fff4">
@@ -119,7 +119,7 @@ here for you as well: dive into the manual and join the
community!
</details>
<details open>
<summary>
- <asside class="label-left">运行结果</asside>
+ <aside class="label-left">运行结果</aside>
<pre class="label-left br"><span
class="org-block-begin-line">#+RESULTS:</span></pre>
</summary>
<pre class="label-left"><span class="org-table">| index.css | 76%
minified ( 1.4 KiB) |
--
2.54.0
