From 80bfcb1bcac73538c7f16fa7006bc9afde458de7 Mon Sep 17 00:00:00 2001 From: Nicolas Dato Date: Thu, 4 May 2023 00:47:36 -0300 Subject: tipografia de latex, solarized, y un buen css --- fonts/libertinus-bold-italic.woff2 | Bin 0 -> 150712 bytes fonts/libertinus-bold.woff2 | Bin 0 -> 174656 bytes fonts/libertinus-italic.woff2 | Bin 0 -> 201720 bytes fonts/libertinus-regular.woff2 | Bin 0 -> 188040 bytes index.html | 37 +++++++++ lambda.svg | 19 +++++ style.css | 149 +++++++++++++++++++++++++++++++++++++ 7 files changed, 205 insertions(+) create mode 100644 fonts/libertinus-bold-italic.woff2 create mode 100644 fonts/libertinus-bold.woff2 create mode 100644 fonts/libertinus-italic.woff2 create mode 100644 fonts/libertinus-regular.woff2 create mode 100644 index.html create mode 100644 lambda.svg create mode 100644 style.css diff --git a/fonts/libertinus-bold-italic.woff2 b/fonts/libertinus-bold-italic.woff2 new file mode 100644 index 0000000..8de1ce0 Binary files /dev/null and b/fonts/libertinus-bold-italic.woff2 differ diff --git a/fonts/libertinus-bold.woff2 b/fonts/libertinus-bold.woff2 new file mode 100644 index 0000000..bf39f3a Binary files /dev/null and b/fonts/libertinus-bold.woff2 differ diff --git a/fonts/libertinus-italic.woff2 b/fonts/libertinus-italic.woff2 new file mode 100644 index 0000000..8f1818a Binary files /dev/null and b/fonts/libertinus-italic.woff2 differ diff --git a/fonts/libertinus-regular.woff2 b/fonts/libertinus-regular.woff2 new file mode 100644 index 0000000..9d37f80 Binary files /dev/null and b/fonts/libertinus-regular.woff2 differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..adf7112 --- /dev/null +++ b/index.html @@ -0,0 +1,37 @@ + + + + + ndato + + + +
+
+ + ndato.com.ar +
+ +
+
+
+
Left
+ Lorem ipsum dolor sit amet +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Amet nisl suscipit adipiscing bibendum est ultricies. Sit amet risus nullam eget felis eget. Nulla facilisi morbi tempus iaculis urna id volutpat lacus. Pretium aenean pharetra magna ac placerat vestibulum lectus mauris. Lorem ipsum dolor sit amet consectetur adipiscing elit duis. Massa enim nec dui nunc mattis. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci. Sollicitudin ac orci phasellus egestas tellus rutrum tellus pellentesque eu. Enim ut sem viverra aliquet. Ut tristique et egestas quis ipsum suspendisse ultrices gravida dictum. Ac tortor vitae purus faucibus ornare suspendisse sed.

+ +

Faucibus purus in massa tempor nec feugiat nisl pretium. Augue ut lectus arcu bibendum at varius vel pharetra. Vitae auctor eu augue ut. Vestibulum lorem sed risus ultricies tristique. Ipsum nunc aliquet bibendum enim facilisis gravida neque. Rutrum quisque non tellus orci. Integer quis auctor elit sed vulputate mi sit amet. Facilisi etiam dignissim diam quis enim. At consectetur lorem donec massa. Cum sociis natoque penatibus et magnis dis parturient montes. Tellus integer feugiat scelerisque varius morbi enim nunc faucibus. Netus et malesuada fames ac turpis egestas sed tempus urna. Facilisis gravida neque convallis a cras semper. Mauris vitae ultricies leo integer malesuada nunc vel. Leo in vitae turpis massa sed elementum tempus. Ipsum dolor sit amet consectetur adipiscing elit pellentesque habitant. Dui ut ornare lectus sit amet. Risus nullam eget felis eget nunc lobortis mattis. Sagittis eu volutpat odio facilisis. Id ornare arcu odio ut sem nulla.

+ +

Aliquam etiam erat velit scelerisque. Cras semper auctor neque vitae tempus quam pellentesque. Lectus urna duis convallis convallis tellus id interdum velit. Ut enim blandit volutpat maecenas volutpat blandit. Pellentesque sit amet porttitor eget dolor morbi non arcu. Dolor sit amet consectetur adipiscing elit duis. Nullam vehicula ipsum a arcu cursus vitae congue. Rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat. In hendrerit gravida rutrum quisque non tellus orci. Tellus rutrum tellus pellentesque eu tincidunt. Id velit ut tortor pretium viverra suspendisse potenti nullam ac. Pharetra pharetra massa massa ultricies mi quis. Justo donec enim diam vulputate ut pharetra sit amet aliquam. Purus viverra accumsan in nisl. Senectus et netus et malesuada fames. Pharetra massa massa ultricies mi quis. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi. Scelerisque felis imperdiet proin fermentum leo vel orci porta non. Nisl vel pretium lectus quam id leo in vitae.

+
+
+
Right
+ Lorem ipsum dolor sit amet +
+
+
+
Lorem ipsum dolor sit amet
+
+ + diff --git a/lambda.svg b/lambda.svg new file mode 100644 index 0000000..4d6305d --- /dev/null +++ b/lambda.svg @@ -0,0 +1,19 @@ + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..8d3c696 --- /dev/null +++ b/style.css @@ -0,0 +1,149 @@ +:root { + --base03: #002b36; + --base02: #073642; + --base01: #586e75; + --base00: #657b83; + --base0: #839496; + --base1: #93a1a1; + --base2: #eee8d5; + --base3: #fdf6e3; + --yellow: #b58900; + --orange: #cb4b16; + --red: #dc322f; + --magenta: #d33682; + --violet: #6c71c4; + --blue: #268bd2; + --cyan: #2aa198; + --green: #859900; +} + +@font-face { + font-family: 'Libertinus'; + font-style: normal; + font-weight: normal; + font-display: swap; + src: url('./fonts/libertinus-regular.woff2') format('woff2'); +} + +@font-face { + font-family: 'Libertinus'; + font-style: normal; + font-weight: bold; + font-display: swap; + src: url('./fonts/libertinus-bold.woff2') format('woff2'); +} + +@font-face { + font-family: 'Libertinus'; + font-style: italic; + font-weight: normal; + font-display: swap; + src: url('./fonts/libertinus-italic.woff2') format('woff2'); +} + +@font-face { + font-family: 'Libertinus'; + font-style: italic; + font-weight: bold; + font-display: swap; + src: url('./fonts/libertinus-bold-italic.woff2') format('woff2'); +} + +body { + font-family: 'Libertinus'; + color: var(--base1); + background-color: var(--base02); + font-size: 110%; +} + +section { + margin: 2ex; + padding: 1ex; +} + +p::first-letter { + font-size: 175%; + color: var(--orange); +} + +em { + color: var(--yellow); +} + +strong { + color: var(--red); +} + +:link, +:visited { + color: var(--blue); +} + +.header { + text-align: center; + font-size: 200%; + color: var(--base1); + background-color: var(--base03); +} + +.logo { + height: 4ex; + vertical-align: middle; +} + +.navigation { + padding: 1ex; + color: var(--base1); + background-color: var(--base03); +} + +.footer { + padding: 1ex; + text-align: center; + color: var(--base1); + background-color: var(--base03); +} + +.main { + display: flex; + justify-content: center; +} + +.column { + color: var(--base01); + background-color: var(--base3); +} + +.column-header { + text-align: center; + font-size: 175%; + color: var(--base01); + background-color: var(--base2); +} + + +.left, +.right { + min-width: 10ex; + max-width: 25ex; +} + +.left, +.right, +.content { + float: left; +} + +.content { + text-indent: 4ex; + text-align: justify; + min-width: 30ex; + max-width: 80ex; + padding-left: 8ex; + padding-right: 4ex; + padding-top: 4ex; + padding-bottom: 1ex; + color: var(--base1); + background-color: var(--base03); +} + -- cgit v1.2.3