mirror of
https://codeberg.org/JasterV/grpc-slides.git
synced 2026-04-26 18:40:03 +00:00
feat: improve styles
This commit is contained in:
JasterV
parent
49e4cc3019
commit
0f43897398
9 changed files with 46 additions and 556 deletions
Binary file not shown.
|
Before Width: | Height: | Size: 106 KiB |
1
docs/assets/images/grpc-logo.svg
Normal file
1
docs/assets/images/grpc-logo.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="2.47em" height="1em" viewBox="0 0 512 208"><defs><linearGradient id="SVGhz3dXbdm" x1="100%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#72C9C9"/><stop offset="100%" stop-color="#02B0AD"/></linearGradient><linearGradient id="SVGDNc1CiDm" x1="100%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#03B6B4"/><stop offset="100%" stop-color="#74CBCA"/></linearGradient></defs><path fill="#244B5A" d="M56.678 179.868a40.25 40.25 0 0 0 14.42 11.938a43.2 43.2 0 0 0 19.768 4.487a42.5 42.5 0 0 0 16.234-2.769a28.2 28.2 0 0 0 10.79-7.544a29.1 29.1 0 0 0 5.922-11.174a50 50 0 0 0 1.814-13.655v-16.043h-.381a34.45 34.45 0 0 1-14.9 12.988a46 46 0 0 1-18.525 3.82a48.2 48.2 0 0 1-18.239-3.438a46.4 46.4 0 0 1-14.803-9.455a43.5 43.5 0 0 1-9.932-14.421a45.25 45.25 0 0 1-3.628-18.144a47.5 47.5 0 0 1 3.439-18.144a46.6 46.6 0 0 1 9.453-14.706a42.6 42.6 0 0 1 14.325-9.837a46.15 46.15 0 0 1 18.24-3.533c2.849.017 5.691.272 8.498.763a40.3 40.3 0 0 1 8.977 2.675a41.35 41.35 0 0 1 17.095 13.753h.38v-14.9h12.608v88.622a72 72 0 0 1-1.815 15.47a38.2 38.2 0 0 1-7.067 15.088a40.24 40.24 0 0 1-14.611 11.462q-9.36 4.581-24.448 4.581a61.4 61.4 0 0 1-23.874-4.391A55.5 55.5 0 0 1 47.32 189.8zm2.291-63.79a34.2 34.2 0 0 0 2.58 13.272a34.9 34.9 0 0 0 7.065 10.886a34.2 34.2 0 0 0 10.505 7.45a30.9 30.9 0 0 0 13.083 2.77a35.04 35.04 0 0 0 24.065-9.454a30.4 30.4 0 0 0 7.354-10.793a34.8 34.8 0 0 0 2.388-14.132a38 38 0 0 0-2.292-13.275a31.9 31.9 0 0 0-6.686-10.886a32.3 32.3 0 0 0-10.695-7.449a34.8 34.8 0 0 0-14.134-2.77a30.9 30.9 0 0 0-13.083 2.77a34.3 34.3 0 0 0-10.505 7.449a35 35 0 0 0-7.067 10.886a34.25 34.25 0 0 0-2.578 13.275m130.638 45.838h-13.75V26.69h41.636q20.627 0 32.564 8.977q11.935 8.98 11.938 27.121a33.8 33.8 0 0 1-8.881 23.778q-8.883 9.648-25.689 11.173l38.963 64.177h-16.809l-37.05-62.838h-22.92zm0-75.444h24.448a55 55 0 0 0 15.566-1.91a28.9 28.9 0 0 0 10.219-5.06a18.5 18.5 0 0 0 5.538-7.449a24.7 24.7 0 0 0 1.719-9.265a24.2 24.2 0 0 0-1.72-9.07a19.2 19.2 0 0 0-5.537-7.546a27 27 0 0 0-10.22-5.062a57.8 57.8 0 0 0-15.565-1.813h-24.448zM290.068 26.69h39.346q20.626 0 32.563 8.978q11.935 8.98 11.938 27.122q0 18.147-11.938 27.215q-11.937 9.075-32.563 9.073h-25.593v62.838h-13.753zm13.755 59.784h22.155a55 55 0 0 0 15.566-1.911a28.9 28.9 0 0 0 10.218-5.06a18.5 18.5 0 0 0 5.538-7.449a24.7 24.7 0 0 0 1.72-9.264a24.2 24.2 0 0 0-1.72-9.071a19.2 19.2 0 0 0-5.538-7.546a27 27 0 0 0-10.218-5.061a57.8 57.8 0 0 0-15.566-1.814h-22.157zM512 140.524a52.5 52.5 0 0 1-8.497 9.741a53.7 53.7 0 0 1-11.556 7.925a66 66 0 0 1-14.037 5.254a65 65 0 0 1-15.95 1.91a72.3 72.3 0 0 1-27.979-5.348a67.12 67.12 0 0 1-37.149-37.244a74 74 0 0 1-5.347-28.46a74 74 0 0 1 5.347-28.458a67.1 67.1 0 0 1 37.15-37.242a72.3 72.3 0 0 1 27.978-5.348a68.4 68.4 0 0 1 25.212 4.964a50.86 50.86 0 0 1 21.581 16.427l-12.03 8.977a33 33 0 0 0-5.732-6.495a41.8 41.8 0 0 0-8.306-5.729a52 52 0 0 0-10.029-4.01a38.8 38.8 0 0 0-10.696-1.529a54.9 54.9 0 0 0-23.3 4.775a52.9 52.9 0 0 0-17.475 12.795A56.3 56.3 0 0 0 410.2 72.053a66.72 66.72 0 0 0 0 44.5a56.3 56.3 0 0 0 10.984 18.622a52.85 52.85 0 0 0 17.475 12.796a54.8 54.8 0 0 0 23.3 4.777a59 59 0 0 0 10.6-.956a44 44 0 0 0 10.315-3.246a39 39 0 0 0 9.55-6.21a46 46 0 0 0 8.307-9.833z"/><path fill="url(#SVGhz3dXbdm)" d="M10.392 10.392h50.18v50.18h-50.18z" transform="rotate(-135.213 35.482 35.482)"/><path fill="url(#SVGDNc1CiDm)" d="M117.73 20.346h29.433v29.433H117.73z" transform="rotate(-135.213 132.446 35.063)"/><path fill="#244B5A" d="M36.909 14.027L15.502 35.595l21.567 21.407l18.245-.067l-19.133-18.98l94.477-.35l-8.28 8.336l9.123-.033l10.704-10.784l-10.784-10.703l-9.123.033l8.343 8.277l-94.477.35l18.99-19.121z"/></svg>
|
||||
|
After Width: | Height: | Size: 3.6 KiB |
15
docs/assets/images/prima-logo-text.svg
Normal file
15
docs/assets/images/prima-logo-text.svg
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<svg width="121" height="46" viewBox="0 0 121 46" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_5720_119446)">
|
||||
<path d="M66.1405 14.5638C65.2211 14.8851 64.8445 15.4168 64.8556 16.4248C64.922 21.5645 64.8888 26.7042 64.8888 31.8328C64.8888 32.2315 64.8999 32.6192 64.8777 33.018C64.8112 34.3583 64.0802 35.178 62.9725 35.1891C61.7872 35.2002 60.9232 34.3362 60.9122 32.9848C60.89 26.7928 60.8789 20.6008 60.9454 14.4088C60.9565 13.7995 61.3774 12.9688 61.8869 12.6475C66.1516 9.92262 70.7485 9.32446 75.5669 11.13C76.4752 11.4734 77.2285 12.2045 78.17 12.8358C80.3854 11.0414 82.9331 10.122 85.8906 10.1331C91.7282 10.1552 94.9294 12.8026 95.1842 18.3632C95.4168 23.2703 95.2728 28.1995 95.2506 33.1177C95.2396 34.4137 94.3756 35.2112 93.2346 35.1891C92.1934 35.1669 91.3294 34.3583 91.3072 33.162C91.2519 29.562 91.274 25.962 91.2629 22.362C91.2629 21.3097 91.2962 20.2574 91.2297 19.2051C90.9528 14.8186 88.0728 12.8358 83.5977 13.9878C82.7669 14.1983 81.9916 14.6414 81.2494 15.0734C80.3854 15.5829 80.0088 16.314 80.0199 17.3774C80.0863 22.6057 80.0642 27.8229 80.042 33.0512C80.042 34.3583 79.2334 35.1891 78.1257 35.1891C76.9737 35.1891 76.1872 34.3694 76.1208 33.1066C76.0986 32.7522 76.1097 32.4088 76.1097 32.0543C76.1097 28.0555 76.1097 24.0678 76.1097 20.0691C76.1097 19.5817 76.1208 19.1054 76.0765 18.618C75.7442 15.3503 73.7614 13.6223 70.2943 13.7442C70.3054 13.7442 68.4556 13.7552 66.1405 14.5638Z" fill="#8334C2"/>
|
||||
<path d="M34.3386 15.7601C34.6709 12.5256 36.9749 10.5207 40.3645 10.2216C42.2254 10.0555 44.1417 10.266 46.0026 10.4986C47.4205 10.6758 48.1073 11.6173 47.8968 12.6364C47.6863 13.6555 46.6894 14.1872 45.3048 14.0543C44.0642 13.9435 42.8236 13.7441 41.594 13.7995C39.4119 13.8992 38.282 14.9626 38.2045 17.034C38.1048 20.058 38.138 23.082 38.1269 26.117C38.1159 28.266 38.138 30.4924 38.1159 32.6413C38.1048 34.2696 37.4069 35.1669 36.1774 35.2001C34.8593 35.2444 34.0728 34.314 34.0728 32.6635C34.0617 30.1158 34.0728 27.5016 34.0728 24.954C34.1503 24.954 34.0285 18.7952 34.3386 15.7601Z" fill="#8334C2"/>
|
||||
<path d="M55.5288 22.7938C55.5288 26.1279 55.5399 29.4621 55.5288 32.7962C55.5178 34.3248 54.8088 35.1888 53.6125 35.1999C52.3387 35.211 51.5855 34.3027 51.5855 32.7408C51.5744 26.1611 51.5744 25.563 51.5855 18.9944C51.5855 17.3439 52.2501 16.491 53.5239 16.4799C54.8642 16.4578 55.5288 17.3107 55.5399 19.0498C55.5288 22.2842 55.5288 19.5482 55.5288 22.7938Z" fill="#8334C2"/>
|
||||
<path d="M53.4796 14.4087C52.3608 14.3976 51.3417 13.3896 51.3307 12.293C51.3196 11.0745 52.2722 10.144 53.5239 10.144C54.7756 10.144 55.7836 11.1188 55.7393 12.2708C55.7171 13.445 54.6759 14.4197 53.4796 14.4087Z" fill="#8334C2"/>
|
||||
<path d="M29.0772 17.5657C28.4458 13.6112 25.6766 11.13 21.4563 10.3879C19.396 10.0334 17.4132 10.0888 15.4969 10.4543C14.6329 10.5983 14.0126 11.2851 13.9904 12.1712C13.9683 13.1349 14.8655 14.0211 15.8403 13.9989C15.9843 13.9989 16.1172 13.9768 16.2501 13.9436C17.5683 13.6445 18.9197 13.5559 20.3375 13.8106C23.5055 14.3534 25.1006 16.0482 25.4329 19.77C25.6434 22.1516 25.5437 24.5996 25.2557 26.9811C24.9123 29.9276 22.9295 31.5448 19.8169 31.8106C17.4243 32.01 15.1424 31.5448 12.9603 30.6032C12.2846 30.3152 12.0077 29.9497 12.0298 29.2186C12.0852 27.0697 12.052 24.9208 12.052 22.7719C12.052 21.0328 12.0298 19.2826 12.0631 17.5436V14.5085C12.0631 13.4783 11.1658 12.6143 10.0692 12.5922C9.7369 12.5811 9.42674 12.6476 9.14982 12.7583C6.86797 13.7552 5.22859 14.6082 1.46243 16.5909C0.0445882 17.3663 -0.343104 18.4962 0.310434 19.5817C0.919665 20.6119 2.02736 20.7891 3.36767 20.0691C4.90736 19.2383 6.48028 18.4408 8.07536 17.6765C8.10859 25.8291 8.08643 36.2192 8.09751 44.0949V44.106C8.09751 44.1171 8.09751 44.1171 8.09751 44.1171C8.09751 44.1392 8.09751 44.1503 8.09751 44.1725H8.10859C8.1529 45.1805 9.0169 45.9891 10.0803 45.9891C11.1437 45.9891 12.0187 45.1805 12.052 44.1725H12.0631C12.0741 41.9017 12.0631 37.9583 12.0631 34.2586C14.2784 34.6685 16.2834 35.2002 18.3215 35.3774C23.9707 35.8648 28.468 32.8076 29.2434 27.5017C29.7086 24.2451 29.5978 20.8223 29.0772 17.5657Z" fill="#8334C2"/>
|
||||
<path d="M120.096 17.5879C119.985 14.0322 117.859 11.5288 114.391 10.6426C110.459 9.63464 106.604 10.122 102.871 11.5731C101.642 12.0494 101.188 13.0463 101.564 13.9989C101.919 14.8962 102.971 15.2285 104.289 14.8408C104.289 14.8408 107.756 13.6999 111.179 13.722C114.092 13.7442 115.743 15.1509 116.142 17.7208C116.208 18.1749 116.219 18.6402 116.208 19.1276H116.219L116.252 24.1454V24.2008C116.252 24.2229 116.252 24.2562 116.252 24.2783V24.4002C116.252 26.2057 116.308 27.8562 116.208 29.4956C116.186 29.9497 115.798 30.6033 115.388 30.8026C112.508 32.2094 109.462 32.4309 106.394 31.4894C104.433 30.8802 103.481 29.418 103.481 27.4574C103.481 25.674 104.544 24.3005 106.505 23.6469C108.421 23.0156 110.293 23.0488 112.165 23.3368C112.254 23.3479 112.353 23.3589 112.453 23.3589C113.339 23.3589 114.048 22.6389 114.048 21.7639C114.048 20.9885 113.494 20.346 112.752 20.202C110.282 19.8365 107.812 19.77 105.319 20.4679C101.642 21.498 99.5263 24.0346 99.5152 27.4353C99.5041 31.146 101.542 33.9485 105.286 34.8679C110.105 36.0642 114.735 35.2888 119.022 32.9294C119.553 32.6414 120.085 31.8439 120.096 31.2789C120.185 26.7263 120.251 22.1516 120.096 17.5879Z" fill="#8334C2"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_5720_119446">
|
||||
<rect width="120.295" height="36" fill="white" transform="translate(0 10)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.3 KiB |
|
|
@ -28,14 +28,17 @@
|
|||
<body>
|
||||
<div class="reveal">
|
||||
<div class="slides">
|
||||
<header class="slides-header">
|
||||
<img src="assets/images/prima-logo-text.svg">
|
||||
</header>
|
||||
<section data-markdown
|
||||
{% for key, value in markdown_data_options.items() %}
|
||||
{{ key }}="{{ value }}"
|
||||
{% endfor %}
|
||||
>
|
||||
<textarea data-template>
|
||||
{{ markdown }}
|
||||
</textarea>
|
||||
<textarea data-template>
|
||||
{{ markdown }}
|
||||
</textarea>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,406 +0,0 @@
|
|||
/**
|
||||
* Dracula Dark theme for reveal.js.
|
||||
* Based on https://draculatheme.com
|
||||
*/
|
||||
|
||||
@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=League+Gothic&display=swap");
|
||||
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
|
||||
|
||||
/**
|
||||
* Dracula colors by Zeno Rocha
|
||||
* https://draculatheme.com/contribute
|
||||
*/
|
||||
html * {
|
||||
color-profile: sRGB;
|
||||
rendering-intent: auto;
|
||||
}
|
||||
|
||||
/*********************************************
|
||||
* GLOBAL STYLES
|
||||
*********************************************/
|
||||
:root {
|
||||
--r-background-color: #282a36;
|
||||
--r-main-font:
|
||||
-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui,
|
||||
helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial,
|
||||
sans-serif;
|
||||
--r-main-font-size: 40px;
|
||||
--r-main-color: #f8f8f2;
|
||||
--r-block-margin: 20px;
|
||||
--r-heading-margin: 0 0 20px 0;
|
||||
--r-heading-font: League Gothic, Impact, sans-serif;
|
||||
--r-heading-color: #bd93f9;
|
||||
--r-heading-line-height: 1.2;
|
||||
--r-heading-letter-spacing: normal;
|
||||
--r-heading-text-transform: none;
|
||||
--r-heading-text-shadow: none;
|
||||
--r-heading-font-weight: normal;
|
||||
--r-heading1-text-shadow: none;
|
||||
--r-heading1-size: 3.77em;
|
||||
--r-heading2-size: 2.11em;
|
||||
--r-heading3-size: 1.55em;
|
||||
--r-heading4-size: 1em;
|
||||
--r-code-font:
|
||||
Fira Code, Menlo, Consolas, Monaco, Liberation Mono, Lucida Console,
|
||||
monospace;
|
||||
--r-link-color: #ff79c6;
|
||||
--r-link-color-dark: rgb(255, 64.6, 174.0089552239);
|
||||
--r-link-color-hover: #8be9fd;
|
||||
--r-selection-background-color: #44475a;
|
||||
--r-selection-color: #fff;
|
||||
--r-overlay-element-bg-color: 240, 240, 240;
|
||||
--r-overlay-element-fg-color: 0, 0, 0;
|
||||
--r-bold-color: #ffb86c;
|
||||
--r-italic-color: #f1fa8c;
|
||||
--r-inline-code-color: white;
|
||||
--r-list-bullet-color: #8be9fd;
|
||||
}
|
||||
|
||||
.reveal-viewport {
|
||||
background: #282a36;
|
||||
background-color: var(--r-background-color);
|
||||
}
|
||||
|
||||
.reveal {
|
||||
font-family: var(--r-main-font);
|
||||
font-size: var(--r-main-font-size);
|
||||
font-weight: normal;
|
||||
color: var(--r-main-color);
|
||||
}
|
||||
|
||||
.reveal ::selection {
|
||||
color: var(--r-selection-color);
|
||||
background: var(--r-selection-background-color);
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.reveal ::-moz-selection {
|
||||
color: var(--r-selection-color);
|
||||
background: var(--r-selection-background-color);
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.reveal .slides section,
|
||||
.reveal .slides section > section {
|
||||
line-height: 1.3;
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
/*********************************************
|
||||
* HEADERS
|
||||
*********************************************/
|
||||
section.has-light-background,
|
||||
section.has-light-background h1,
|
||||
section.has-light-background h2,
|
||||
section.has-light-background h3,
|
||||
section.has-light-background h4,
|
||||
section.has-light-background h5,
|
||||
section.has-light-background h6 {
|
||||
color: #282a36;
|
||||
}
|
||||
|
||||
.reveal h1,
|
||||
.reveal h2,
|
||||
.reveal h3,
|
||||
.reveal h4,
|
||||
.reveal h5,
|
||||
.reveal h6 {
|
||||
margin: var(--r-heading-margin);
|
||||
color: var(--r-heading-color);
|
||||
font-family: var(--r-heading-font);
|
||||
font-weight: var(--r-heading-font-weight);
|
||||
line-height: var(--r-heading-line-height);
|
||||
letter-spacing: var(--r-heading-letter-spacing);
|
||||
text-transform: var(--r-heading-text-transform);
|
||||
text-shadow: var(--r-heading-text-shadow);
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.reveal h1 {
|
||||
font-size: var(--r-heading1-size);
|
||||
}
|
||||
|
||||
.reveal h2 {
|
||||
font-size: var(--r-heading2-size);
|
||||
}
|
||||
|
||||
.reveal h3 {
|
||||
font-size: var(--r-heading3-size);
|
||||
}
|
||||
|
||||
.reveal h4 {
|
||||
font-size: var(--r-heading4-size);
|
||||
}
|
||||
|
||||
.reveal h1 {
|
||||
text-shadow: var(--r-heading1-text-shadow);
|
||||
}
|
||||
|
||||
/*********************************************
|
||||
* OTHER
|
||||
*********************************************/
|
||||
.reveal p {
|
||||
margin: var(--r-block-margin) 0;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
/* Remove trailing margins after titles */
|
||||
.reveal h1:last-child,
|
||||
.reveal h2:last-child,
|
||||
.reveal h3:last-child,
|
||||
.reveal h4:last-child,
|
||||
.reveal h5:last-child,
|
||||
.reveal h6:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Ensure certain elements are never larger than the slide itself */
|
||||
.reveal img,
|
||||
.reveal video,
|
||||
.reveal iframe {
|
||||
max-width: 95%;
|
||||
max-height: 95%;
|
||||
}
|
||||
|
||||
.reveal strong,
|
||||
.reveal b {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.reveal em {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.reveal ol,
|
||||
.reveal dl,
|
||||
.reveal ul {
|
||||
display: inline-block;
|
||||
text-align: left;
|
||||
margin: 0 0 0 1em;
|
||||
}
|
||||
|
||||
.reveal ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
.reveal ul {
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
.reveal ul ul {
|
||||
list-style-type: square;
|
||||
}
|
||||
|
||||
.reveal ul ul ul {
|
||||
list-style-type: circle;
|
||||
}
|
||||
|
||||
.reveal ul ul,
|
||||
.reveal ul ol,
|
||||
.reveal ol ol,
|
||||
.reveal ol ul {
|
||||
display: block;
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.reveal dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.reveal dd {
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.reveal blockquote {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 70%;
|
||||
margin: var(--r-block-margin) auto;
|
||||
padding: 5px;
|
||||
font-style: italic;
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.reveal blockquote p:first-child,
|
||||
.reveal blockquote p:last-child {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.reveal q {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/*********************************************
|
||||
* CODE
|
||||
*********************************************/
|
||||
|
||||
.reveal .code-wrapper {
|
||||
display: block;
|
||||
position: relative;
|
||||
margin: var(--r-block-margin) auto;
|
||||
text-align: left;
|
||||
font-family: var(--r-code-font);
|
||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||
max-width: 80%;
|
||||
}
|
||||
|
||||
.reveal .code-wrapper code {
|
||||
max-height: none;
|
||||
font-family: var(--r-code-font);
|
||||
tab-size: 2;
|
||||
white-space: pre-wrap;
|
||||
overflow-x: hidden;
|
||||
overflow-wrap: break-word;
|
||||
overflow-y: auto;
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
.reveal table {
|
||||
margin: auto;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
.reveal table th {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.reveal table th,
|
||||
.reveal table td {
|
||||
text-align: left;
|
||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
|
||||
.reveal table th[align="center"],
|
||||
.reveal table td[align="center"] {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.reveal table th[align="right"],
|
||||
.reveal table td[align="right"] {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.reveal table tbody tr:last-child th,
|
||||
.reveal table tbody tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.reveal sup {
|
||||
vertical-align: super;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.reveal sub {
|
||||
vertical-align: sub;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.reveal small {
|
||||
display: inline-block;
|
||||
font-size: 0.6em;
|
||||
line-height: 1.2em;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.reveal small * {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.reveal img {
|
||||
margin: var(--r-block-margin) 0;
|
||||
}
|
||||
|
||||
/*********************************************
|
||||
* LINKS
|
||||
*********************************************/
|
||||
.reveal a {
|
||||
color: var(--r-link-color);
|
||||
text-decoration: none;
|
||||
transition: color 0.15s ease;
|
||||
}
|
||||
|
||||
.reveal a:hover {
|
||||
color: var(--r-link-color-hover);
|
||||
text-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.reveal .roll span:after {
|
||||
color: #fff;
|
||||
background: var(--r-link-color-dark);
|
||||
}
|
||||
|
||||
/*********************************************
|
||||
* Frame helper
|
||||
*********************************************/
|
||||
.reveal .r-frame {
|
||||
border: 4px solid var(--r-main-color);
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.reveal a .r-frame {
|
||||
transition: all 0.15s linear;
|
||||
}
|
||||
|
||||
.reveal a:hover .r-frame {
|
||||
border-color: var(--r-link-color);
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||
}
|
||||
|
||||
/*********************************************
|
||||
* LAYOUT
|
||||
*********************************************/
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.column {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/*********************************************
|
||||
* NAVIGATION CONTROLS
|
||||
*********************************************/
|
||||
.reveal .controls {
|
||||
color: var(--r-link-color);
|
||||
}
|
||||
|
||||
/*********************************************
|
||||
* PROGRESS BAR
|
||||
*********************************************/
|
||||
.reveal .progress {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
color: var(--r-link-color);
|
||||
}
|
||||
|
||||
/*********************************************
|
||||
* PRINT BACKGROUND
|
||||
*********************************************/
|
||||
@media print {
|
||||
.backgrounds {
|
||||
background-color: var(--r-background-color);
|
||||
}
|
||||
}
|
||||
|
||||
.reveal strong,
|
||||
.reveal b {
|
||||
color: var(--r-bold-color);
|
||||
}
|
||||
.reveal em,
|
||||
.reveal i,
|
||||
.reveal blockquote {
|
||||
color: var(--r-italic-color);
|
||||
}
|
||||
.reveal code {
|
||||
color: var(--r-inline-code-color);
|
||||
}
|
||||
.reveal ul li::marker,
|
||||
.reveal ol li::marker {
|
||||
color: var(--r-list-bullet-color);
|
||||
}
|
||||
|
|
@ -1,117 +0,0 @@
|
|||
pre code.hljs {
|
||||
display: block;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
code.hljs {
|
||||
padding: 3px 5px;
|
||||
}
|
||||
|
||||
/*!
|
||||
Theme: StackOverflow Dark
|
||||
Description: Dark theme as used on stackoverflow.com
|
||||
Author: stackoverflow.com
|
||||
Maintainer: @Hirse
|
||||
Website: https://github.com/StackExchange/Stacks
|
||||
License: MIT
|
||||
Updated: 2021-05-15
|
||||
|
||||
Updated for @stackoverflow/stacks v0.64.0
|
||||
Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
|
||||
Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
|
||||
*/
|
||||
.hljs {
|
||||
/* var(--highlight-color) */
|
||||
color: #ffffff;
|
||||
/* var(--highlight-bg) */
|
||||
background: #1c1b1b;
|
||||
}
|
||||
.hljs-subst {
|
||||
/* var(--highlight-color) */
|
||||
color: #ffffff;
|
||||
}
|
||||
.hljs-comment {
|
||||
/* var(--highlight-comment) */
|
||||
color: #999999;
|
||||
}
|
||||
.hljs-keyword,
|
||||
.hljs-selector-tag,
|
||||
.hljs-meta .hljs-keyword,
|
||||
.hljs-doctag,
|
||||
.hljs-section {
|
||||
/* var(--highlight-keyword) */
|
||||
color: #88aece;
|
||||
}
|
||||
.hljs-attr {
|
||||
/* var(--highlight-attribute); */
|
||||
color: #88aece;
|
||||
}
|
||||
.hljs-attribute {
|
||||
/* var(--highlight-symbol) */
|
||||
color: #c59bc1;
|
||||
}
|
||||
.hljs-name,
|
||||
.hljs-type,
|
||||
.hljs-number,
|
||||
.hljs-selector-id,
|
||||
.hljs-quote,
|
||||
.hljs-template-tag {
|
||||
/* var(--highlight-namespace) */
|
||||
color: #f08d49;
|
||||
}
|
||||
.hljs-selector-class {
|
||||
/* var(--highlight-keyword) */
|
||||
color: #88aece;
|
||||
}
|
||||
.hljs-string,
|
||||
.hljs-regexp,
|
||||
.hljs-symbol,
|
||||
.hljs-variable,
|
||||
.hljs-template-variable,
|
||||
.hljs-link,
|
||||
.hljs-selector-attr {
|
||||
/* var(--highlight-variable) */
|
||||
color: #b5bd68;
|
||||
}
|
||||
.hljs-meta,
|
||||
.hljs-selector-pseudo {
|
||||
/* var(--highlight-keyword) */
|
||||
color: #88aece;
|
||||
}
|
||||
.hljs-built_in,
|
||||
.hljs-title,
|
||||
.hljs-literal {
|
||||
/* var(--highlight-literal) */
|
||||
color: #f08d49;
|
||||
}
|
||||
.hljs-bullet,
|
||||
.hljs-code {
|
||||
/* var(--highlight-punctuation) */
|
||||
color: #cccccc;
|
||||
}
|
||||
.hljs-meta .hljs-string {
|
||||
/* var(--highlight-variable) */
|
||||
color: #b5bd68;
|
||||
}
|
||||
.hljs-deletion {
|
||||
/* var(--highlight-deletion) */
|
||||
color: #de7176;
|
||||
}
|
||||
.hljs-addition {
|
||||
/* var(--highlight-addition) */
|
||||
color: #76c490;
|
||||
}
|
||||
.hljs-emphasis {
|
||||
font-style: italic;
|
||||
}
|
||||
.hljs-strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
.hljs-formula,
|
||||
.hljs-operator,
|
||||
.hljs-params,
|
||||
.hljs-property,
|
||||
.hljs-punctuation,
|
||||
.hljs-tag {
|
||||
/* purposely ignored */
|
||||
}
|
||||
|
|
@ -31,8 +31,8 @@ html * {
|
|||
--r-heading-text-shadow: none;
|
||||
--r-heading-font-weight: bold;
|
||||
--r-heading1-text-shadow: none;
|
||||
--r-heading1-size: 3.77em;
|
||||
--r-heading2-size: 2.7em;
|
||||
--r-heading1-size: 3em;
|
||||
--r-heading2-size: 2em;
|
||||
--r-heading3-size: 1.55em;
|
||||
--r-heading4-size: 1em;
|
||||
--r-code-font:
|
||||
|
|
@ -58,16 +58,8 @@ html * {
|
|||
color: var(--r-main-color);
|
||||
}
|
||||
|
||||
.reveal ::selection {
|
||||
color: var(--r-selection-color);
|
||||
background: var(--r-link-color);
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.reveal ::-moz-selection {
|
||||
color: var(--r-selection-color);
|
||||
background: var(--r-link-color);
|
||||
text-shadow: none;
|
||||
body .slides-header {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.reveal .slides section,
|
||||
|
|
@ -76,11 +68,6 @@ html * {
|
|||
font-weight: inherit;
|
||||
}
|
||||
|
||||
.reveal .slides section .title {
|
||||
text-align: left;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
/*********************************************
|
||||
* HEADERS
|
||||
*********************************************/
|
||||
|
|
@ -226,8 +213,8 @@ html * {
|
|||
margin: var(--r-block-margin) auto;
|
||||
text-align: left;
|
||||
font-family: var(--r-code-font);
|
||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||
max-width: 80%;
|
||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.30);
|
||||
max-width: 60%;
|
||||
}
|
||||
|
||||
.reveal .code-wrapper code {
|
||||
|
|
@ -240,6 +227,7 @@ html * {
|
|||
overflow-y: auto;
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.4em;
|
||||
background-color: var(--r-main-color);
|
||||
}
|
||||
|
||||
.reveal img {
|
||||
|
|
@ -251,7 +239,7 @@ html * {
|
|||
*********************************************/
|
||||
.reveal a {
|
||||
color: var(--r-link-color);
|
||||
text-decoration: underline;
|
||||
text-decoration: none;
|
||||
transition: color 0.15s ease;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,3 +1,9 @@
|
|||
|
||||
<!--
|
||||
Hack to force mkslides to compile the images you want to use in the base template
|
||||
-->
|
||||
<img width="0" src="assets/images/prima-logo-text.svg" />
|
||||
|
||||
<div class="heading">
|
||||
<h1>Learning gRPC</h1>
|
||||
<p>Victor Martinez</p>
|
||||
|
|
@ -5,10 +11,8 @@
|
|||
|
||||
---
|
||||
|
||||
<div class="title">
|
||||
<h2>First, what is RPC?</h2>
|
||||
<p>An idea to extend transfer of control and transmission of data from one machine to another.</p>
|
||||
</div>
|
||||
<h2>First, what is RPC?</h2>
|
||||
<p>An idea to extend transfer of control and transmission of data from one machine to another.</p>
|
||||
|
||||
<img alt="RPC implementation" src="assets/images/rpc_architecture.png" style="width: 60%;" />
|
||||
|
||||
|
|
@ -38,7 +42,7 @@ note:
|
|||
|
||||
---
|
||||
|
||||
<img alt="grpc" src="assets/images/grpc-logo.png" style="width: 600px;" />
|
||||
<img alt="grpc" src="assets/images/grpc-logo.svg" style="width: 600px;" />
|
||||
|
||||
*gRPC is a modern open source high performance Remote Procedure Call (RPC) framework that can run in any environment.*
|
||||
|
||||
|
|
@ -298,7 +302,7 @@ note:
|
|||
---
|
||||
## The protoc compiler
|
||||
|
||||
Compiles `.proto` files into code.
|
||||
Compiles **.proto** files into code.
|
||||
Supports plugins for different languages.
|
||||
|
||||
```bash
|
||||
|
|
@ -333,7 +337,7 @@ note:
|
|||
# gRPC in the Rust ecosystem
|
||||
|
||||
|
||||
<img alt="grpc" src="assets/images/grpc-logo.png" style="width: 300px;" />
|
||||
<img alt="grpc" src="assets/images/grpc-logo.svg" style="width: 300px;" />
|
||||
|
||||
:heart:
|
||||
|
||||
|
|
@ -414,7 +418,7 @@ note:
|
|||
|
||||
## Building a layered service
|
||||
|
||||
<img alt="tower" src="assets/images/layers-diagram.svg" style="max-width: 35%;" />
|
||||
<img alt="tower" src="assets/images/layers-diagram.svg" style="max-width: 30%;" />
|
||||
|
||||
---
|
||||
# Tonic
|
||||
|
|
@ -1190,4 +1194,4 @@ let svc = PolicyManagementServerStub::with_interceptor(
|
|||
|
||||
# Thank you for your time
|
||||
|
||||
:heart:
|
||||
:purple_heart:
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
slides:
|
||||
highlight_theme: docs/assets/themes/highlight/stackoverflow-dark.css
|
||||
highlight_theme: docs/assets/themes/highlight/tokyo-night-dark.css
|
||||
theme: docs/assets/themes/prima.css
|
||||
template: docs/assets/templates/slideshow.html.jinja
|
||||
revealjs:
|
||||
|
|
@ -9,3 +9,5 @@ revealjs:
|
|||
transition: fade
|
||||
height: 1080
|
||||
width: 1920
|
||||
disableLayout: false
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue