Merge pull request #252 from zirreal/master

removed useless colors + updated button component + new favicon
airalab · Dec 6, 2023 · 3462b6b · 3462b6b
2 parents 83ef1d4 + a624613
commit 3462b6b
Show file tree

Hide file tree

Showing 29 changed files with 184 additions and 505 deletions.
diff --git a/content/posts/crowdloan-campaign-december-2022.md b/content/posts/crowdloan-campaign-december-2022.md
@@ -58,55 +58,55 @@ As [mentioned previously](https://robonomics.network/blog/robonomics-crowdloan-c
 
 </div>
 
-<Card alignContent="center">
+<Card class="withImg" alignContent="center">
 
 **2. The median bid is:**
 
 ![beta subscript med equals 1001KSM](./images/crowdloan-campaign-december-2022/formula-1.svg)
 
 </Card>
 
-<Card alignContent="center">
+<Card class="withImg" alignContent="center">
 
 **3. We additionally introduce an correction if previous crowdloan campaigns were not successful. The median bid adjusted for previous crowdloan attempts is:**
 
 ![beta subscript 'adjmed' equals 1001 multiplied by 2 equals 2002 KSM](./images/crowdloan-campaign-december-2022/formula-2.svg)
 
 </Card>
 
-<Card alignContent="center">
+<Card class="withImg" alignContent="center">
 
 **4. The ideal staking rate is:**
 
 ![x subscript ideal equals 45.0 percent](./images/crowdloan-campaign-december-2022/formula-3.svg)
 
 </Card>
 
-<Card alignContent="center">
+<Card class="withImg" alignContent="center">
 
 **5. The real staking rate is:**
 
 ![x subscript 'real' equals 49.3%  greater than percent x subscript 'ideal'](./images/crowdloan-campaign-december-2022/formula-4.svg)
 
 </Card>
 
-<Card alignContent="center">
+<Card class="withImg" alignContent="center">
 
 **6. The ideal interest rate is:**
 
 ![i subscript 'ideal' equals I subscript 'NPoS'  divided by x subscript 'ideal' equals 0.1 divided by 0.45 multiply by 100 percent equals 22.22 percent](./images/crowdloan-campaign-december-2022/formula-5.svg)
 
 </Card>
 
-<Card alignContent="center">
+<Card class="withImg" alignContent="center">
 
 **7. The reward for participation in the crowdloan campaign (XRT per 1 KSM):**
 
 ![R subscript 'perKSM' equals (1 multiply by $KSM multiply by i subscript 'ideal') divided by $XRT equals (1 multiply by 24.65$ multiply by 0.22) divided by 2.30$ equals 2.38 XRT per KSM](./images/crowdloan-campaign-december-2022/formula-6.svg)
 
 </Card>
 
-<Card alignContent="center">
+<Card class="withImg" alignContent="center">
 
 **8. Total payouts to crowdloan participants:**
 

diff --git a/content/posts/online-winter-school-2022-lesson-2.md b/content/posts/online-winter-school-2022-lesson-2.md
@@ -40,7 +40,7 @@ You can read the chapter in the original in different languages at the links:
 
 After reading the chapter, be sure to pass the test for the second lesson in order to participate in the prize draw. You will be asked 17 questions, and we hope they will inspire you to think deeper about our ideas. To pass the test, you need to score 10 correct answers out of 17 (60%, the standard value in academic practice).  Correct answers and a list of those who successfully completed the lesson will be published on the final day of the school.
 
-<rbnet-button link="https://lesson2.robonomics.academy/" label="Take the Quiz" button="primary block" />
+<rb-button to="https://lesson2.robonomics.academy/">Take the Quiz</rb-button>
 
 </Card>
 

diff --git a/content/posts/ru/online-winter-school-2022-lesson-2.md b/content/posts/ru/online-winter-school-2022-lesson-2.md
@@ -40,6 +40,6 @@ import UserForm from '~/components/blocks/UserForm.vue'
 
 После ознакомления с главой обязательно пройдите тест ко второму уроку, чтобы поучаствовать в розыгрыше призов. Вам будет предложено 17 вопросов, и, мы надеемся, они воодушевят вас глубже обдумать наши идеи. Для успешного прохождения теста нужно набрать 10 правильных ответов из 17 (60%, стандартное значение в академической практике).
 
-<rbnet-button link="https://lesson2.robonomics.academy/" label="Пройти тест" button="primary block" />
+<rb-button to="https://lesson2.robonomics.academy/">Пройти тест</rb-button>
 
 </Card>
diff --git a/src/assets/style/forms.css b/src/assets/style/forms.css
@@ -2,7 +2,7 @@ input, select, button{
 	appearance: none;
 
 	padding: .5rem .8rem;
-	border: 1px solid var(--border-color);
+	border: 1px solid var(--color-border);
 	background-color: var(--body-bg);
 	font-size: var(--base-font-size);
 	font-family: var(--font-family-code);
@@ -47,7 +47,7 @@ input[type="checkbox"] {
     height: 1.3rem;
 	position: relative;
 	margin-right: 1rem;
-	border-color: var(--border-color) !important;
+	border-color: var(--color-border) !important;
 	text-align: center;
 }
 

diff --git a/src/assets/style/layouts.css b/src/assets/style/layouts.css
@@ -85,7 +85,7 @@
   }
 
   .section__lightblue {
-		background: var(--link-color);
+		background: var(--color-blue-mid);
   }
 
 	.dark-theme  .section__lightblue {

diff --git a/src/assets/style/typography.css b/src/assets/style/typography.css
@@ -97,7 +97,7 @@ blockquote {
   font-weight: 300;
   font-style: italic;
   padding: var(--space);
-  background-color: var(--text-color-invert);
+  background-color: var(--color-light);
 
   border-left: 1px solid var(--text-color);
 }
@@ -130,7 +130,7 @@ a:not(.button):hover, .link:not(.button):hover {
   color: var(--color-link-hover);
 }
 
-.dark-theme a:not(.button):hover, .link:not(.button):hover {
+.dark-theme a:not(.rb-button):hover, .link:not(.button):hover {
   color: #aeb1d8
 }
 
@@ -227,7 +227,7 @@ div pre[class*="language-"] {
 
 table {
   margin-bottom: var(--space-text);
-  background-color: var(--text-color-invert);
+  background-color: var(--color-light);
   max-width: 100%;
   overflow-x: auto;
 }
@@ -239,7 +239,7 @@ table thead th {
 
 table th, table td {
   padding: .5rem;
-  border: 1px solid var(--border-color);
+  border: 1px solid var(--color-border);
   font-size: 90%;
 }
 
@@ -250,7 +250,7 @@ table tbody tr:hover {
 
 @media screen and (max-width: 700px){
   table.mobile {
-    border: 1px solid var(--border-color);
+    border: 1px solid var(--color-border);
   }
 
   table.mobile td, table.mobile th {
@@ -267,7 +267,7 @@ table tbody tr:hover {
   table.mobile tr:not(:last-child) {
     border-width: 0 0 2px;
     border-style: dashed;
-    border-color: var(--border-color);
+    border-color: var(--color-border);
   }
 
   table.mobile [data-th]:before {

diff --git a/src/assets/style/utils.css b/src/assets/style/utils.css
@@ -185,10 +185,11 @@
   color: var(--color-light);
 }
 
-.dark-theme a:not(.button):hover {
-  color: var(--color-light);
+.dark-theme a:not(.rb-button):hover {
+  color: var(--color-blue);
 }
 
+
 .bold {
   font-weight: 600;
 }
@@ -217,21 +218,3 @@
   font-size: 1.1rem;
 }
 
-/* for devices page */
-
-.devices__link {
-  padding: calc(var(--space) * 0.3) calc(var(--space) * 0.5);
-  width: 100%;
-  font-family: var(--font-family-code);
-  font-weight: 500;
-  font-size: calc(var(--base-font-size) * 1.2);
-  background-color: var(--device-color-green);
-  text-align: center;
-  letter-spacing: 0;
-
-}
-
-.devices__link--blue {
-  background-color: var(--device-color-blue);
-}
-
-Original file line number
+Diff line change
@@ Expand Up @@
     After reading the chapter, be sure to pass the test for the second lesson in order to participate in the prize draw. You will be asked 17 questions, and we hope they will inspire you to think deeper about our ideas. To pass the test, you need to score 10 correct answers out of 17 (60%, the standard value in academic practice).  Correct answers and a list of those who successfully completed the lesson will be published on the final day of the school.
-    <rbnet-button link="https://lesson2.robonomics.academy/" label="Take the Quiz" button="primary block" />
+    <rb-button to="https://lesson2.robonomics.academy/">Take the Quiz</rb-button>
     </Card>
@@ Expand Down @@