Logo include + minor CSS changes
This commit is contained in:
parent
1a9dc319b5
commit
96d70cee80
10
logo-svg.org
Normal file
10
logo-svg.org
Normal file
|
@ -0,0 +1,10 @@
|
||||||
|
@@html:
|
||||||
|
<div style="text-align:center">
|
||||||
|
<svg width="5em" viewBox="0 0 64 64">
|
||||||
|
<circle cx="32" cy="32" r="31" stroke="var(--base2)" stroke-width="1" fill="var(--base03)"/>
|
||||||
|
<circle cx="32" cy="32" r="16" stroke="var(--red)" stroke-width="1" fill="var(--orange)"/>
|
||||||
|
<circle cx="32" cy="32" r="8" stroke-width="0" fill="var(--yellow)"/>
|
||||||
|
<ellipse cx="32" cy="12" rx="16" ry="10" stroke-width="0" fill="var(--base3)"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
@@
|
|
@ -8,16 +8,7 @@
|
||||||
#+OPTIONS: H:5 auto-id:t
|
#+OPTIONS: H:5 auto-id:t
|
||||||
#+STARTUP: showeverything
|
#+STARTUP: showeverything
|
||||||
|
|
||||||
@@html:
|
#+INCLUDE: ../logo-svg.org
|
||||||
<div style="text-align:center">
|
|
||||||
<svg width="10em" viewBox="0 0 64 64">
|
|
||||||
<circle cx="32" cy="32" r="31" stroke="var(--base2)" stroke-width="1" fill="var(--base03)"/>
|
|
||||||
<circle cx="32" cy="32" r="16" stroke="var(--red)" stroke-width="1" fill="var(--orange)"/>
|
|
||||||
<circle cx="32" cy="32" r="8" stroke-width="0" fill="var(--yellow)"/>
|
|
||||||
<ellipse cx="32" cy="12" rx="16" ry="10" stroke-width="0" fill="var(--base3)"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
@@
|
|
||||||
|
|
||||||
#+begin_notes
|
#+begin_notes
|
||||||
*Sorry for the late reply*
|
*Sorry for the late reply*
|
||||||
|
|
|
@ -26,14 +26,14 @@ figure,table {
|
||||||
}
|
}
|
||||||
li {
|
li {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 1.5em;
|
padding-left: 2ch;
|
||||||
}
|
}
|
||||||
ol > li:before, ul > li:before {
|
ol > li:before, ul > li:before {
|
||||||
content: "– ";
|
content: "– ";
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
float: left;
|
float: left;
|
||||||
position: relative;
|
position: relative;
|
||||||
left: -1.5em;
|
left: -2ch;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
width: 0;
|
width: 0;
|
||||||
}
|
}
|
||||||
|
@ -45,10 +45,10 @@ ol > li:before {
|
||||||
counter-increment: ol;
|
counter-increment: ol;
|
||||||
}
|
}
|
||||||
ol > li:nth-child(n+10) {
|
ol > li:nth-child(n+10) {
|
||||||
padding-left:28px;
|
padding-left:3ch;
|
||||||
}
|
}
|
||||||
ol > li:nth-child(n+10):before {
|
ol > li:nth-child(n+10):before {
|
||||||
left: -28px;
|
left: -3ch;
|
||||||
}
|
}
|
||||||
img {
|
img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -56,7 +56,7 @@ img {
|
||||||
margin: 1em auto;
|
margin: 1em auto;
|
||||||
}
|
}
|
||||||
p > img, li > img {
|
p > img, li > img {
|
||||||
max-height: 1em;
|
max-height: 1cap;
|
||||||
width: auto;
|
width: auto;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
|
|
@ -8,16 +8,7 @@
|
||||||
#+OPTIONS: H:5
|
#+OPTIONS: H:5
|
||||||
#+STARTUP: showeverything
|
#+STARTUP: showeverything
|
||||||
|
|
||||||
@@html:
|
#+INCLUDE: ../logo-svg.org
|
||||||
<div style="text-align:center">
|
|
||||||
<svg width="10em" viewBox="0 0 64 64">
|
|
||||||
<circle cx="32" cy="32" r="31" stroke="var(--base2)" stroke-width="1" fill="var(--base03)"/>
|
|
||||||
<circle cx="32" cy="32" r="16" stroke="var(--red)" stroke-width="1" fill="var(--orange)"/>
|
|
||||||
<circle cx="32" cy="32" r="8" stroke-width="0" fill="var(--yellow)"/>
|
|
||||||
<ellipse cx="32" cy="12" rx="16" ry="10" stroke-width="0" fill="var(--base3)"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
@@
|
|
||||||
|
|
||||||
Welcome to my personal website.
|
Welcome to my personal website.
|
||||||
I generally talk about programming, maybe movies, or miscellaneous topics.
|
I generally talk about programming, maybe movies, or miscellaneous topics.
|
||||||
|
|
Loading…
Reference in a new issue