Skip to content

Commit c081726

Browse files
committed
fix: multiple h1's
causing href issues
1 parent 65f1a97 commit c081726

File tree

20 files changed

+88
-88
lines changed
  • public/content/translations
    • el/developers/docs/design-and-ux/dex-design-best-practice
    • es/developers
      • docs/design-and-ux/dex-design-best-practice
      • tutorials
    • fa/developers/docs/design-and-ux/dex-design-best-practice
    • fr/developers
      • docs/design-and-ux/dex-design-best-practice
      • tutorials
    • ga/developers/docs/design-and-ux/dex-design-best-practice
    • hu/developers/docs/design-and-ux/dex-design-best-practice
    • id/developers/tutorials/erc-721-vyper-annotated-code
    • it/developers
      • docs/design-and-ux/dex-design-best-practice
      • tutorials
    • pt-br/developers/tutorials
    • ro/developers/tutorials/erc-721-vyper-annotated-code
    • tr/developers
      • docs/design-and-ux/dex-design-best-practice
      • tutorials

20 files changed

+88
-88
lines changed

public/content/translations/el/developers/docs/design-and-ux/dex-design-best-practice/index.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -178,15 +178,15 @@ lang: el
178178

179179
Τελικά, υπάρχουν πλεονεκτήματα και μειονεκτήματα και για τις δύο επιλογές, αλλά είναι ενδιαφέρον πώς η τάση φαίνεται να είναι προς το token στα δεξιά.
180180

181-
# Συμπεριφορά κουμπιών {#button-behavior}
181+
## Συμπεριφορά κουμπιών {#button-behavior}
182182

183183
Μην έχετε ξεχωριστό κουμπί για το Approve. Επίσης, μην έχετε ξεχωριστό κλικ για το Approve. Ο χρήστης θέλει να κάνει Swap, οπότε απλώς πείτε "swap" στο κουμπί και ξεκινήστε την έγκριση ως το πρώτο βήμα. Ένα modal μπορεί να δείξει την πρόοδο με ένα stepper, ή μια απλή ειδοποίηση "tx 1 από 2 - έγκριση".
184184

185185
![A UI with separate buttons for approve and swap](./14.png)
186186

187187
![Ένα UI με ένα κουμπί που λέει έγκριση](./15.png)
188188

189-
## Κουμπί ως συμφραζόμενη βοήθεια {#button-as-contextual-help}
189+
### Κουμπί ως συμφραζόμενη βοήθεια {#button-as-contextual-help}
190190

191191
Το κουμπί μπορεί να κάνει διπλή λειτουργία ως ειδοποίηση!
192192

@@ -204,7 +204,7 @@ lang: el
204204

205205
![Μήνυμα σφάλματος που εμφανίζεται στο κύριο CTA](./17.png)
206206

207-
## Δημιουργήστε το δικό σας με αυτό το αρχείο figma {#build-your-own-with-this-figma-file}
207+
### Δημιουργήστε το δικό σας με αυτό το αρχείο figma {#build-your-own-with-this-figma-file}
208208

209209
Χάρη στη σκληρή δουλειά πολλών πρωτοκόλλων, ο σχεδιασμός DEX έχει βελτιωθεί πολύ. Γνωρίζουμε ποιες πληροφορίες χρειάζεται ο χρήστης, πώς πρέπει να τις εμφανίζουμε και πώς να κάνουμε τη ροή όσο το δυνατόν πιο ομαλή.
210210
Ας ελπίσουμε ότι αυτό το άρθρο παρέχει μια σταθερή επισκόπηση των αρχών UX.

public/content/translations/es/developers/docs/design-and-ux/dex-design-best-practice/index.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -180,15 +180,15 @@ La ley de proximidad establece que los elementos que están cerca se perciben co
180180

181181
En última instancia, hay ventajas y desventajas para ambas opciones, pero es interesante cómo la tendencia parece ser colocar el token del lado derecho.
182182

183-
# Comportamiento del botón {#button-behavior}
183+
## Comportamiento del botón {#button-behavior}
184184

185185
No tenga un botón separado para Aprobar. Tampoco tenga un clic separado para Aprobar. El usuario quiere intercambiar, así que solo tiene que decir "intercambiar" en el botón e iniciar la aprobación como primer paso. Un modal puede mostrar el progreso con un paso a paso, o una simple notificación "tx 1 de 2 - aprobación".
186186

187187
![Una interfaz de usuario con botones separados para aprobar e intercambiar](./14.png)
188188

189189
![Una interfaz de usuario con un botón que dice aprobar](./15.png)
190190

191-
## Botón como ayuda contextual {#button-as-contextual-help}
191+
### Botón como ayuda contextual {#button-as-contextual-help}
192192

193193
El botón puede tener una doble función como una ¡alerta!
194194

@@ -206,7 +206,7 @@ El botón también puede ser **mapeado a la acción** a realizar. Por ejemplo, s
206206

207207
![Mensaje de error mostrado en el CTA principal](./17.png)
208208

209-
## Construya el suyo con este archivo figma {#build-your-own-with-this-figma-file}
209+
### Construya el suyo con este archivo figma {#build-your-own-with-this-figma-file}
210210

211211
Gracias a la ardua labor de múltiples protocolos, el diseño de DEX ha mejorado mucho. Sabemos qué información necesita el usuario, cómo debemos mostrarla y cómo hacer que el flujo sea lo más fluido posible.
212212
Esperamos que este artículo ofrezca una sólida visión general de los principios de la UX.

public/content/translations/es/developers/tutorials/erc-721-vyper-annotated-code/index.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -614,11 +614,11 @@ def burn(_tokenId: uint256):
614614

615615
Cualquiera a quien se le permita transferir un token puede quemarlo. Mientras que una quema parece equivalente a transferira la dirección cero, la dirección cero no recibe el token. Esto nos permite liberar todo el almacenamiento que se utilizó para el token, lo que puede reducir el coste del gas de la transacción.
616616

617-
# Utilizar este contrato {#using-contract}
617+
## Utilizar este contrato {#using-contract}
618618

619619
En contraste con Solidity, Vyper no tiene herencia. Esta es una elección de diseño deliberada para hacer el código más claro y por lo tanto más fácil de asegurar. Así que para crear su propio contrato Vyper ERC-721, utilice [este contrato](https://github.com/vyperlang/vyper/blob/master/examples/tokens/ERC721.vy) y modifíquelo para implementar la lógica de negocio que desee.
620620

621-
## Conclusión {#conclusion}
621+
### Conclusión {#conclusion}
622622

623623
A modo de recapitulación, he resumido algunas de las ideas más importantes de este contrato:
624624

public/content/translations/es/developers/tutorials/waffle-test-simple-smart-contract/index.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -25,19 +25,19 @@ published: 2021-02-26
2525
- Ha utilizado algunos gestores de paquetes como yarn o npm.
2626
- Posee conocimientos muy básicos de contratos inteligentes y Solidity.
2727

28-
# Introducción {#getting-started}
28+
## Introducción {#getting-started}
2929

3030
Este tutorial explica una configuración de prueba y se ejecuta utilizando yarn, pero no pasa nada si prefiere hacerlo con npm, ya proporcionaré las indicaciones apropiadas a la documentación oficial de Waffle[](https://ethereum-waffle.readthedocs.io/en/latest/index.html).
3131

32-
## Instalar las dependencias {#install-dependencies}
32+
### Instalar las dependencias {#install-dependencies}
3333

3434
[Añada](https://ethereum-waffle.readthedocs.io/en/latest/getting-started.html#installation) las dependencias ethereum-waffle y de typescript a las dependencias de desarrollo de su proyecto.
3535

3636
```bash
3737
yarn add --dev ethereum-waffle ts-node typescript @types/jest
3838
```
3939

40-
## Ejemplo de contrato inteligente {#example-smart-contract}
40+
### Ejemplo de contrato inteligente {#example-smart-contract}
4141

4242
Durante el tutorial trabajaremos con un sencillo ejemplo de contrato inteligente: EtherSplitter. Permite casi se manera similar que cualquiera envíe algunos wei y, eventualmente, los divida entre dos receptores por defecto. La función dividida requiere que la cantidad de wei sea un número entero, de lo contario se revertirá. Para ambos receptores realiza una transferencia de wei, seguida a la emisión de un evento de transferencia.
4343

@@ -67,7 +67,7 @@ contract EtherSplitter {
6767
}
6868
```
6969

70-
## Compilar el contrato {#compile-the-contract}
70+
### Compilar el contrato {#compile-the-contract}
7171

7272
Para [compilar](https://ethereum-waffle.readthedocs.io/en/latest/getting-started.html#compiling-the-contract) el contrato, añada las siguientes líneas al archivo de package.json:
7373

@@ -90,7 +90,7 @@ A continuación, cree el archivo de configuración de Waffle en el directorio de
9090

9191
Ejecute `yarn build`. Como resultado, el directorio `build` aparecerá con el contrato compilado de EtherSplitter en formato JSON.
9292

93-
## Configuración de la prueba {#test-setup}
93+
### Configuración de la prueba {#test-setup}
9494

9595
Para hacer pruebas con Waffle se tienen que utilizar los emparejadores de Chai y Mocha, por lo que necesita [añadirlos](https://ethereum-waffle.readthedocs.io/en/latest/getting-started.html#writing-tests) a su proyecto. Actualice su archivo package.json y añada la línea de `test` en la parte de scripts:
9696

@@ -103,7 +103,7 @@ Para hacer pruebas con Waffle se tienen que utilizar los emparejadores de Chai y
103103

104104
Si quiere [ejecutar](https://ethereum-waffle.readthedocs.io/en/latest/getting-started.html#running-tests) sus pruebas, simplemente ejecute `yarn test` .
105105

106-
# Pruebas {#testing}
106+
## Pruebas {#testing}
107107

108108
Seguidamente cree el directorio `test` y un nuevo archivo `test\EtherSplitter.test.ts`. Copie el fragmento de abajo y péguelo en nuestro archivo de prueba.
109109

@@ -134,7 +134,7 @@ Unas breves aclaraciones antes de que empecemos. El `MockProvider` incluye una s
134134

135135
A continuación, declaramos una variable llamada «splitter»: este es nuestro contrato simulado EtherSplitter. Se crea antes de la ejecución de una única prueba a través del método `deployContract`. Este método simula la implementación de un contrato desde la cartera pasado como el primer parámetro (en nuestro caso, la cartera del emisor). El segundo parámetro es el ABI y el código de bytes del contrato de prueba: aquí pasamos el archivo json o el contrato EtherSplitter compilado desde el directorio `build`. El tercer parámetro es una matriz con los argumentos del constructor del contrato, que en nuestro caso, son las dos direcciones de los receptores.
136136

137-
## ChangeBalances {#changebalances}
137+
### ChangeBalances {#changebalances}
138138

139139
Primero, revisamos si el método dividido realmente cambia el saldo de las carteras de los receptores. Si dividimos 50 wei desde las cuentas de los emisores, esperaríamos que los saldos de ambos receptores aumentaran 25 wei. Usaremos el comparador `changeBalances` de Waffle:
140140

@@ -162,7 +162,7 @@ Tenga en cuenta que en ambos casos `changeBalance` y `changeBalances`, enviamos
162162

163163
A continuación, probaremos si el evento de transferencia se emitió después de cada transferencia de wei. Cambiaremos a otra máquina desde Waffle:
164164

165-
## Emit {#emit}
165+
### Emit {#emit}
166166

167167
```ts
168168
it("Emits event on the transfer to the first receiver", async () => {
@@ -180,7 +180,7 @@ it("Emits event on the transfer to the second receiver", async () => {
180180

181181
El emparejador `emit` nos permite revisar si un contrato ha emitido un evento al recurrir a un método. Como parámetros del emparejador `emit`, proporcionamos el simulacro de contrato que predecimos para emitir el evento, junto al nombre de ese evento. En nuestro caso, el simulacro de contrato es `splitter` y el nombre del evento: `Transfer`. También podemos verificar los valores precisos de los argumentos con los que se emitió el evento: enviamos tantos argumentos al emparejador `withArgs` como lo espera nuestra declaración de evento. En el caso del contrato EtherSplitter, enviamos las direcciones del emisor y del receptor, junto a la cantidad de wei transferida.
182182

183-
## revertedWith {#revertedwith}
183+
### revertedWith {#revertedwith}
184184

185185
Como último ejemplo, comprobaremos si se revirtió la transacción en caso de número impar de wei. Usaremos el emparejador `revertedWith`:
186186

@@ -194,7 +194,7 @@ it("Reverts when Vei amount uneven", async () => {
194194

195195
Si la prueba sale bien, nos garantizará que se ha revertido la transacción. Sin embargo, también debe haber una coincidencia exacta entre los mensajes que hemos enviado en la declaración `require` y el mensaje que esperamos en `revertedWith`. Si regresamos al código del contrato EtherSplitter, en la declaración `require` para la cantidad de wei, proporcionamos el mensaje: «no se permite una cantidad impar de wei». Esto coincide con el mensaje que esperamos en nuestra prueba. Si no coinciden, será que la prueba ha salido mal.
196196

197-
# ¡Felicitaciones! {#congratulations}
197+
## ¡Felicitaciones! {#congratulations}
198198

199199
¡Acabas de dar tu primer gran paso para probar los contratos inteligentes con Waffle! Puede que también te interesen otros tutoriales de Waffle:
200200

public/content/translations/fa/developers/docs/design-and-ux/dex-design-best-practice/index.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -180,15 +180,15 @@ DEX ها معمولاً جزئیات اضافی را در یک ردیف بالا
180180

181181
در نهایت، نکات مثبت و منفی برای هر دو گزینه وجود دارد، اما جالب است که به نظر می رسد چگونه روند به سمت توکن سمت راست است.
182182

183-
# رفتار دکمه {#button-behavior}
183+
## رفتار دکمه {#button-behavior}
184184

185185
دکمه جداگانه ای برای تأیید نداشته باشید. همچنین یک کلیک جداگانه برای تأیید نداشته باشید. کاربر می‌خواهد Swap را انجام دهد، بنابراین فقط روی دکمه بگویید «swap» و تأیید را به عنوان اولین مرحله آغاز کنید. یک مودال می‌تواند پیشرفت را با یک استپر یا یک اعلان ساده "tx 1 of 2 - تایید" نشان دهد.
186186

187187
![یک رابط کاربری با دکمه‌های جداگانه برای تأیید و swap](./14.png)
188188

189189
![یک رابط کاربری با یک دکمه که تأیید می‌کند](./15.png)
190190

191-
## دکمه به عنوان راهنمای متنی {#button-as-contextual-help}
191+
### دکمه به عنوان راهنمای متنی {#button-as-contextual-help}
192192

193193
این دکمه می تواند به عنوان یک هشدار، وظیفه ای مضاعف را انجام دهد!
194194

@@ -206,7 +206,7 @@ DEX ها معمولاً جزئیات اضافی را در یک ردیف بالا
206206

207207
![پیام خطا در CTA اصلی نشان داده می‌شود](./17.png)
208208

209-
## مال خودتان را با این فایل فیگما بسازید {#build-your-own-with-this-figma-file}
209+
### مال خودتان را با این فایل فیگما بسازید {#build-your-own-with-this-figma-file}
210210

211211
به لطف کار سخت پروتکل های متعدد، طراحی DEX بسیار بهبود یافته است. ما می دانیم که کاربر به چه اطلاعاتی نیاز دارد، چگونه باید آن را نشان دهیم و چگونه جریان را تا حد امکان روان کنیم.
212212
امیدواریم این مقاله یک نمای کلی از اصول UX ارائه دهد.

public/content/translations/fr/developers/docs/design-and-ux/dex-design-best-practice/index.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -179,15 +179,15 @@ La loi de proximité stipule que les éléments proches sont perçus comme étan
179179

180180
En fin de compte, les deux options présentent des avantages et des inconvénients, mais il est intéressant de noter que la tendance est au jeton placé à droite.
181181

182-
# Comportement du bouton {#button-behavior}
182+
## Comportement du bouton {#button-behavior}
183183

184184
N'ayez pas de bouton séparé pour l'approbation. Évitez également de demander un clic séparé pour l'approbation. L'utilisateur veut effectuer un échange, il suffit donc d'indiquer "échanger" sur le bouton et de lancer l'approbation comme première étape. Une fenêtre modale peut afficher la progression avec un indicateur d'étapes, ou une simple notification du type "tx 1 sur 2 - approbation en cours".
185185

186186
![Une interface utilisateur avec des boutons séparés pour approuver et échanger](./14.png)
187187

188188
![Une interface utilisateur avec un seul bouton d'approbation](./15.png)
189189

190-
## Bouton comme aide contextuelle {#button-as-contextual-help}
190+
### Bouton comme aide contextuelle {#button-as-contextual-help}
191191

192192
Le bouton peut également servir d'alerte !
193193

@@ -205,7 +205,7 @@ Le bouton peut également être **associé à l'action** qui doit être effectu
205205

206206
![Message d'erreur affiché dans le principal appel à l'action](./17.png)
207207

208-
## Construisez le vôtre avec ce fichier Figma {#build-your-own-with-this-figma-file}
208+
### Construisez le vôtre avec ce fichier Figma {#build-your-own-with-this-figma-file}
209209

210210
Grâce au travail acharné de plusieurs protocoles, la conception des DEX s'est beaucoup améliorée. Nous savons de quelles informations l'utilisateur a besoin, de quelle manière nous devons les présenter et comment rendre le flux aussi fluide que possible.
211211
Nous espérons que cet article vous offrira un aperçu solide des principes UX.

public/content/translations/fr/developers/tutorials/erc-721-vyper-annotated-code/index.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -614,11 +614,11 @@ def burn(_tokenId: uint256):
614614

615615
Toute personne autorisée à transférer un jeton est autorisée à le détruire. Bien que détruire un jeton semble équivalent à le transférer à l'adresse zéro, celle-ci ne reçoit pas réellement le jeton. Cela nous permet de libérer tout l'espace de stockage qui était utilisé pour le jeton, ce qui peut réduire les frais de gaz de la transaction.
616616

617-
# Utiliser ce contrat {#using-contract}
617+
## Utiliser ce contrat {#using-contract}
618618

619619
Contrairement à Solidity, Vyper n'a pas de système d'héritage. Il s'agit d'un choix de conception délibéré visant à rendre le code plus clair et donc plus facile à sécuriser. Donc pour créer votre propre contrat Vyper ERC-721, vous prenez [ce contrat](https://github.com/vyperlang/vyper/blob/master/examples/tokens/ERC721.vy) puis vous le modifiez en fonction de la stratégie commerciale que vous souhaitez mettre en œuvre.
620620

621-
## Conclusion {#conclusion}
621+
### Conclusion {#conclusion}
622622

623623
Voici les principaux points à retenir sur ce contrat :
624624

0 commit comments

Comments
 (0)