Project image
)}
pledged of MX$ 360,000pledged of MX$ 360,000 goal
backers
Funding Unsuccessful
The project's funding goal was not reached on Mon, April 23 2018 4:59 AM UTC +00:00
Last updated April 23, 2018

Yuxtap

A new way of seeing the history of the world. // Una nueva forma de ver la historia del mundo.

Yuxtap

A new way of seeing the history of the world. // Una nueva forma de ver la historia del mundo.

pledged of MX$ 360,000pledged of MX$ 360,000 goal
backers
Funding Unsuccessful
The project's funding goal was not reached on Mon, April 23 2018 4:59 AM UTC +00:00
Last updated April 23, 2018

What is a prototype?

A prototype is a preliminary model of something. Projects that offer physical products need to show backers documentation of a working prototype. This gallery features photos, videos, and other visual documentation that will give backers a sense of what’s been accomplished so far and what’s left to do. Though the development process can vary for each project, these are the stages we typically see:

Proof of Concept

Explorations that test ideas and functionality.

Functional Prototype

Demonstrates the functionality of the final product, but looks different.

Appearance Prototype

Looks like the final product, but is not functional.

Design Prototype

Appearance and function match the final product, but is made with different manufacturing methods.

Production Prototype

Appearance, function, and manufacturing methods match the final product.

Project supporting material callout image

Prototype Gallery

These photos and videos provide a detailed look at this project’s development.

About

-------------------- English --------------------------

The result.

Go to the website and watch the tutorial video (includes captions):

www.yuxtap.com

An idea is born.

Three months ago, while I was working in my last job, I was sent to give trainings to some teachers and the topic was, how to teach robotics to kids.

In one of the sessions of the training, we wanted the teacher to understand how to apply the concept of transversality to educational robotics, that is, how they could teach some regular subject of their courses combining it with robotics or technology, as it could be with mathematics, spanish, etc.

While I was explaining it, I started to give some examples of how to do it and one that came to my mind was to tell them that maybe a geography teacher could explain their subject using Google Maps. Then I had a little moment of glory when my mind clicked and it occurred to me that these maps could also be used to explain the history of the world.

At that time I was very excited with the idea that had just emerged, as soon as I had some free time in the training, I took the opportunity to write the idea to make it very clear what I would look for.

The first sketch.
The first sketch.

Landing the concept.

The first thing I imagined was to build a web page, in it we would use a map from Google Maps. Then there would be some tool in the graphical interface that would allow the user to select the date or year from which the chronometer would start.

This chronometer would change day by day, while making a comparison with the database to know if any character had an event on that same day.

In case that was fulfilled then the icon with the image of the character would appear on the map on the date and place where the event took place.

Then the chronometer would continue changing the days until they coincided with the date of the next event of the character, so that a line would be drawn on the map indicating where that character would move and now its icon would appear in the new location.

I also imagined that by clicking on this icon, you could display a brief summary of the event, which was referenced to a Wikipedia article that was related to the topic.

Another thing that occurred to me was the possibility of having buttons that could control the movement of objects, a Play button and a Stop button, at least.

While with another control you could control the speed with which the days on the clock changed; that is to say that we could accelerate and decelerate everything that is happening in front of our eyes.

Second conceptual sketch.
Second conceptual sketch.
Third conceptual sketch.
Third conceptual sketch.

The first lines of code.

Fortunately, almost a year before this, I had been curious about how programming worked within Google Maps, so at least I knew the basics that could be done.

On December 9th, the first lines of code for the webpage were written.

Coding.
Coding.

However, like any project that involves some technology, there is always a challenge when it comes to doing it which is vital to define whether it is possible to do it or not from the technical point of view.

For me, the most complex point that I had glimpsed until that moment, was how to make the different characters appear coordinated by a chronometer on the website. I knew it was easy to do it for a character, however what was more complex was the fact of doing the same for two or more characters.

So I devoted my nights and weekends following to achieve this technical feasibility.

Situation that I managed to solve satisfactorily on January 1st.

With this, the website had managed to give its first breath and I also could breathe a little more calmly.

The second problem that was encountered along the way, was that the website worked correctly using the Google Chrome browser; however, it had serious flaws in the rest of the browsers.

After a few weeks of searching, I turned to talk about the problem with a programmer friend who fortunately was able to guide me towards the right solution (in fact I still owe him a dinner - https://github.com/ragore09).


The name.

We almost always try to find a name that best describes the idea we are developing, in my case this was not the exception, my list of possible names had many candidates but none of them really was representative, except one that was the that naturally caught my attention immediately: "yuxtaposición" (en english, juxtaposition).

"Yuxtaposición" in spanish means: "Poner algo junto a otra cosa o inmediata a ella." (http://rae.es/), and translated to English would be: "Put something next to something else or immediate to it."

That was a simple word that best described what the website would be doing all along, putting one event or person, next to some other event or person. Putting one history next to other ones.

But instead of using the whole word I used the first six letters of the word in spanish: "Yuxtap", as the name for the website.

The icon.

Icon sketches.
Icon sketches.

After having the name, I gave myself the task of making some icon, as with the names I had several candidates on the table; however, the one I liked most about them was one that used a kind of timeline, where each of the points that represented a date had an icon like those that are usually used in Google Maps to indicate the location. And inside each of them I put one of the six letters.

The above resulted in the following:

The first icon sketch.
The first icon sketch.

Although I liked the previous icon, a couple of weeks later, just at the beginning of March, it occurred to me that the icon could be improved and that it could be mixed if it included an image of the world or a globe, which was surrounded at the top by the previous icon.

I was much more attracted to this idea because it represented even better what Yuxtap was looking for, which is to describe the events that happened around the world.

Therefore, the definitive icon was the one that can be observed below:

The definitive icon.
The definitive icon.

The reasons.

Today I come to tell you a story, a story formed by dozens, hundreds or thousands of other stories.

Thousands of stories that for good, or for bad, in their moment molded and changed the world, without a doubt they did it with the present and future.

History and geography, I believe that they have a symbiotic relationship, they need each other to exist, history has changed geography and in turn geography has been able to modify the history of people and nations.

Every time we read a book or every time we talk to someone, we do it because we want to know that story. Each and every one of us has a story to live and tell.

It is said that "all roads lead to Rome", perhaps because of the size of the Roman Empire at the time, I think the same can be said about the history of the world: "all roads lead to history".

History and education.

I know that history is not a topic that people like to learn, especially children. They see history as a set of data, full of dates, events, names of unknown people, places we do not know where they are in the world. Too much information that is also asked to be learnt by force and in the long run they will hate everything that has to do with this topic.

However, I believe that the things that are taught can be radically improved to get more people passionate about some topic. I also consider that as people grow and also make their own history in their day to day, they realize that they are part of other stories or that they are passionate about knowing everything around other topics.

Maybe you do not like universal history, but you'll probably love the story of your favorite sports team. Or maybe you like the history of your music genre, or your painter, or some leader, some scientist or whatever you think of yourself.

This is exactly one of the reasons that most motivate this idea, the possibility of seeing what happened in different parts of the world, at the same time, regardless of the area of ​​interest. All this in a graphic way and that makes a reference to the articles in Wikipedia, which describe with greater details.

Note: Until now the website has the information of a few characters that have been enough to show how it works. Some of these characters that are on the platform are Michael Jordan, Kurt Cobain, J.R.R. Tolkien, Miguel Hidalgo y Costilla, The Titanic, Horatio Nelson, Leon Trotsky, Alexander Kerensky, Vladimir Lenin, Grigori Rasputin, Joseph Stalin, Nicholas II, among others. If they enter to use the site there is only information from year 1753 to 2018 and there are years that are empty.

Tutorial Video:

The next step.

Up to this moment we have managed to build the foundations of the website and its operation has been demonstrated.

What follows is to make this platform a great tool to be able to tell all those stories that were once, others that are taking place at this moment and others that will be in some future.

To tell all those stories we want to tell, we need your support to obtain the necessary resources to expand the database. More data means having to rent multiple and larger servers, that are capable of storing that information and sending it to deploy it quickly.

With the resources obtained in this campaign, you can ensure the viability of the project for the rest of this year, as well as its expansion in the contents and improvements on the website.

In addition to that with your support you form part of the history of Yuxtap.

And we will be eternally grateful for that.

The timeline (Yuxtap way).

The budget.



The rewards.

1. Receive project updates.

2. Be part of the Yuxtap history:

If you want this reward your name (or nickname) as well as your location will be required (if you want to share your location with great precision you can share the coordinates using Google Maps or if you do not want it to appear with such precision you can only tell us from which city you support us) .

We will upload this information to the Yuxtap page and when someone clicks on the "About Us" button, the story of Yuxtap will be displayed until your name and location from which you supported us will appear in the map, under the Kickstarter "K" icon. The example comes in the following images:

 3. Choose a historical character:

With this reward you will have the opportunity to propose the name of a character that left his print in the world's history.

On the site of Yuxtap we will upload at least 5 events concerning the proposed character.

Of all the characters received, they will be counted and the most repeated ones will be uploaded first on the website, and so on until all the proposals are uploaded.

4. T-shirt:

T-Shirt
T-Shirt
T-Shirt (back)
T-Shirt (back)

 -------------------- Español --------------------------

El resultado.

Ve al sitio web y puedes observar el video tutorial (incluye subtítulos):

www.yuxtap.com

Una idea nace.

Hace tres meses, mientras estaba laborando en mi último trabajo, me enviaron a darles capacitación a algunos maestros y el tema era cómo enseñar robótica a los niños.

En una de las sesiones de la capacitación, queríamos que el profesor entendiera cómo aplicar el concepto de transversalidad a la robótica educativa, es decir, cómo podían enseñar un tema regular de sus cursos combinándolo con la robótica o la tecnología, es decir como podrían combinarlo con matemáticas, español, etc.

Mientras lo explicaba, comencé a dar algunos ejemplos de cómo hacerlo y uno que se me ocurrió fue decirles que tal vez un profesor de geografía podría explicar su tema usando Google Maps. Luego tuve un momento de gloria cuando mi mente hizo clic y se me ocurrió que estos mapas también podrían usarse para explicar la historia del mundo.

El primer boceto.
El primer boceto.

Aterrizando el concepto.

Lo primero que imaginé fue construir una página web, en ella usaríamos un mapa de Google Maps. Luego, habría alguna herramienta en la interfaz gráfica que permitiría al usuario seleccionar la fecha o el año desde el cual comenzaría el cronómetro.

Este cronómetro cambiaría día a día, al hacer una comparación con la base de datos para saber si algún personaje tuvo un suceso el mismo día.

En caso de que se cumpliera, el ícono con la imagen del personaje aparecería en el mapa en la fecha y lugar donde ocurrió el evento.

Luego, el cronómetro continuaría los días hasta que coincida con la fecha del próximo suceso del personaje, de modo que se trace una línea en el mapa que indique hacia dónde se moverá ese personaje y ahora su ícono aparecerá en la nueva ubicación.

También imaginé que al hacer clic en este ícono, podría mostrar un breve resumen del suceso, que se referenciaba a un artículo de Wikipedia que estaba relacionado con el tema.

Otra cosa que se me ocurrió fue la posibilidad de tener botones que pudieran controlar el movimiento de los objetos, un botón Reproducir y un botón de Parar, al menos.

Mientras que con otro control podría controlar la velocidad con la que cambiaron los días del reloj, es decir que podríamos acelerar y desacelerar todo lo que está sucediendo delante de nuestros ojos.

Segundo boceto conceptual.
Segundo boceto conceptual.
Tercer boceto conceptual.
Tercer boceto conceptual.

Las primeras líneas de código.

Afortunadamente, casi un año antes de esto, tenía curiosidad por ver cómo funcionaba la programación dentro de Google Maps, así que al menos sabía lo básico que se podía hacer.

El 9 de diciembre, se escribieron las primeras líneas de código para la página web.

Código.
Código.

Sin embargo, como cualquier proyecto que involucre alguna tecnología, siempre hay un desafío a la hora de realizarlo, lo cual es vital para definir si es posible hacerlo o no desde el punto de vista técnico.

Para mí, el punto más complejo que había vislumbrado hasta ese momento era cómo hacer que los diferentes personajes aparezcan coordinados por un cronómetro en el sitio web. Sabía que era fácil hacerlo para un personaje, sin embargo, lo que era más complejo era el hecho de hacer lo mismo para dos o más personajes.

Así que dediqué mis noches y fines de semana siguientes para lograr esta viabilidad técnica.

Situación que logré resolver satisfactoriamente el 1 de enero.

Con esto, el sitio web había logrado dar su primer aliento y también podía respirar un poco más con calma.

El segundo problema que se encontró en el camino fue que el sitio web funcionaba correctamente con el navegador Google Chrome, sin embargo, tenía serias fallas en el resto de los navegadores.

Después de algunas semanas de búsqueda, me volví para hablar sobre el problema con un amigo programador que afortunadamente fue capaz de guiarme hacia la solución correcta (de hecho, todavía le debo una cena - https://github.com/ragore09).

El nombre.

Casi siempre tratamos de encontrar un nombre que describa mejor la idea que estamos desarrollando, para mi caso esta no era la excepción, mi lista de posibles nombres tenía muchos candidatos, pero ninguno realmente era representativo, excepto uno que era el que atrapaba naturalmente mi atención de inmediato: "yuxtaposición" (en inglés, juxtaposition).

"Yuxtaposición" en español significa: "Poner algo junto a otra cosa o inmediata a ella". (http://rae.es/), y traducido al inglés sería: "Put something next to something else or immediate to it."

Esa fue una palabra simple que mejor describía lo que el sitio web estaría haciendo todo el tiempo, colocando un evento o persona, al lado de algún otro evento o persona. Poniendo una historia al lado de otras.

Pero en lugar de usar la palabra completa, usaré las primeras seis letras de la palabra en español: "Yuxtap", como el nombre del sitio web.

El ícono.

Bocetos de los íconos.
Bocetos de los íconos.

Después de tener el nombre, me di la tarea de hacer un ícono, ya que con los nombres tenía varios candidatos sobre la mesa, sin embargo, el que más me gustó de ellos fue uno que usó un tipo de línea de tiempo, donde cada uno de los puntos representó una fecha con un ícono como los que se usan generalmente en Google Maps para indicar la ubicación. Y dentro de cada uno de ellos pongo una de las seis letras.

Lo anterior resultó en lo siguiente:

El primer boceto de ícono.
El primer boceto de ícono.

Aunque me gustó el ícono anterior, un par de semanas más tarde, justo a comienzos de marzo, se me ocurrió que el ícono podría mejorarse y que podría mezclarse si incluía una imagen del mundo o un globo terráqueo que estaba rodeado en la parte superior por el ícono anterior.

Me atraía mucho más esta idea porque representaba aún mejor lo que Yuxtap estaba buscando, que es describir los eventos que sucedieron en todo el mundo.

Por lo tanto, el ícono definitivo fue el que se puede observar a continuación:

El ícono definitivo.
El ícono definitivo.

Las razones.

Hoy vengo a contarte una historia, una historia formada por docenas, cientos o miles de otras historias.

Miles de historias que para bien, o para mal, en su momento moldearon y cambiaron el mundo, sin duda lo hicieron con el presente y nuestro futuro.

Historia y geografía, creo que tienen una relación simbiótica, se necesitan mutuamente para existir, la historia ha cambiado la geografía y, a su vez, la geografía ha podido modificar la historia de las personas y las naciones.

Cada vez que leemos un libro o cada vez que hablamos con alguien, lo hacemos porque queremos conocer esa historia. Todos y cada uno de nosotros tenemos una historia para vivir y contar.

Se dice que "todos los caminos conducen a Roma", tal vez debido al tamaño del Imperio Romano en ese momento, creo que lo mismo se puede decir sobre la historia del mundo: "todos los caminos conducen a la historia".

Historia y educación.

Sé que la historia no es un tema que a las personas les gusta aprender, especialmente a los niños. Ven la historia como un conjunto de datos, lleno de fechas, eventos, nombres de personas desconocidas, lugares donde no sabemos dónde se encuentran en el mundo. Demasiada información que muchas veces te la hacen aprendértela a la fuerza y, a la larga, odiarán todo lo que tenga que ver con este tema.

Sin embargo, creo que las cosas que se enseñan pueden mejorarse radicalmente para que más gente se apasione por algún tema. También considero que a medida que las personas crecen y también hacen su propia historia en el día a día, se dan cuenta de que son parte de otras historias o que les apasiona saber todo lo relacionado con otros temas.

Quizás no te guste la historia universal, pero probablemente te encante la historia de tu equipo deportivo favorito. O tal vez te gusta la historia de tu género musical, o tu pintor, o algún líder, algún científico o lo que sea que pienses de ti.

Esta es exactamente una de las razones que más motivan esta idea, la posibilidad de ver lo que sucedió en diferentes partes del mundo, al mismo tiempo, independientemente del área de interés. Todo esto de una manera gráfica y que hace una referencia a los artículos en Wikipedia, que describen con mayor detalle.

Nota: Hasta ahora, el sitio web tiene la información de algunos personajes que han sido suficientes para mostrar cómo funciona. Algunos de estos personajes que están en la plataforma son Michael Jordan, Kurt Cobain, J.R.R. Tolkien, Miguel Hidalgo y Costilla, El Titanic, Horatio Nelson, León Trotsky, Alexander Kerensky, Vladimir Lenin, Grigori Rasputín, José Stalin, Nicolás II, entre otros. Entonces, si ingresan para usar el sitio, solo hay información del año 1753 al 2018 y hay años que están vacíos.

Video Tutorial:

El siguiente paso.

Hasta este momento hemos logrado construir los cimientos del sitio web y se ha demostrado su funcionamiento.

Lo que sigue es hacer de esta plataforma una gran herramienta para poder contar todas esas historias que fueron una vez, otras que están teniendo lugar en este momento y otras que lo estarán en algún futuro.

Para contar todas esas historias que queremos contar, necesitamos su apoyo para obtener los recursos necesarios para expandir la base de datos. Más datos significa tener que alquilar servidores múltiples y más grandes, que son capaces de almacenar esa información y enviarla para implementarla rápidamente.

Con los recursos obtenidos en esta campaña, puede garantizar la viabilidad del proyecto para el resto de este año, así como su expansión en los contenidos y mejoras en el sitio web.

Además de eso, con su apoyo forma parte de la historia de Yuxtap.

Y estaremos eternamente agradecidos por eso.

 
La línea del tiempo (a la manera Yuxtap).

Inicio de la camapaña Kickstarter.
Inicio de la camapaña Kickstarter.
Fin de la campaña Kickstarter.
Fin de la campaña Kickstarter.
Iniciamos agregando patrocinadores a la historia de Yuxtap como recompensa.
Iniciamos agregando patrocinadores a la historia de Yuxtap como recompensa.
Finalizamos agregando patrocinadores a la historia de Yuxtap como recompensa.
Finalizamos agregando patrocinadores a la historia de Yuxtap como recompensa.
Iniciamos agregando personaje a la página web que fueron seleccionados por los patrocinadores.
Iniciamos agregando personaje a la página web que fueron seleccionados por los patrocinadores.
Finalizamos agregando personaje a la página web que fueron seleccionados por los patrocinadores.
Finalizamos agregando personaje a la página web que fueron seleccionados por los patrocinadores.
Inicia la compra y estampando de las playeras.
Inicia la compra y estampando de las playeras.
Finaliza la compra y estampando de las playeras.
Finaliza la compra y estampando de las playeras.
Inicia el envío de las playeras a su destino.
Inicia el envío de las playeras a su destino.

 El presupuesto.

 Las recompensas.

1. Recibe actualizaciones del proyecto.

2. Forma parte de la historia de Yuxtap:

Si deseas esta recompensa se va a requerir tu nombre (o apodo) y tu ubicación (si deseas compartir tu ubicación con gran precisión puedes compartir las coordenadas usando Google Maps o si no deseas que aparezca con tanta precisión puedes únicamente decirnos desde que ciudad nos apoyas).

Cargaremos esos datos a la página de Yuxtap y cuando alguna persona de clic en el botón de "About Us" (Sobre nosotros) la historia de Yuxtap se irá desplegando poco a poco hasta que tu nombre y ubicación desde la cual nos apoyaste aparecerán en el mapa, bajo el ícono de la "K" de Kickstarter. El ejemplo viene en las siguentes imágenes:

3. Escoge algún personaje histórico:

Con esta recompensa tendrás la oportunidad de proponer el nombre de algún personaje que dejó huella en la historia del mundo.

En el sitio de Yuxtap subiremos al menos 5 sucesos referentes al personaje propuesto.

De todos los personajes recibidos se contabilizarán cuáles son los que más se repiten y esos personajes se irán cargando primero en el sitio web, así sucesivamente hasta terminar con todas las propuestas.

4. Playera:

Playera (vista frontal).
Playera (vista frontal).
Playera (vista opuesta)
Playera (vista opuesta)

Risks and challenges

-------------------- English --------------------------

The biggest risk that the project faced in its first month of development was the technical impossibility of being viable, however, it was a risk that quickly died down.

In the stage in which this project is now, we can safely say that it no longer has technical risks, it is something that is already proven and working.

The only risk is that people do not like it.

-------------------- Español --------------------------

El mayor riesgo al que se enfrentó el proyecto en su primer mes de desarrollo fue la imposibilidad técnica de ser viable, sin embargo, fue un riesgo que rápidamente disminuyó.

En la etapa en que se encuentra este proyecto, podemos decir con seguridad que ya no tiene riesgos técnicos, es algo que ya está probado y funciona.

El único riesgo es que a las personas no les guste.

Learn about accountability on Kickstarter
Questions about this project? Check out the FAQ

Funding period

- (20 days)

Line icon alert icon Artboard Copy 8 arrow-down icon arrow-down arrow-left icon arrow-left arrow-point-left icon Fill 1 Copy 5 arrow-point-right icon Fill 1 arrow-right icon arrow-right arrow-up-right icon icon--arrow-up-right copy bar-chart icon Artboard Copy 6 bell icon Combined Shape Copy 5 book icon Artboard Copy 3 bookmark icon Fill 1 brand-assets icon Artboard Copy 13 cart icon Artboard Copy 4 chat icon chat check icon Fill 1 Copy 6 circle-back icon Fill 1 Copy 13 circle-forward icon Fill 1 Copy 16 circle-k icon circle-k circle-left icon circle-left circle-right icon circle-right clipboard icon Artboard Copy 12 clock icon Combined Shape close icon close closed-caption icon Fill 1 compass icon Combined Shape Copy 2 conversion icon conversion delta-down icon Fill 1 delta-left icon delta-right icon Fill 1 delta-up icon Fill 1 duplicate icon duplicate embed icon Combined Shape Copy 6 eye icon Combined Shape Copy 12 facebook-contained icon Facebook Contained facebook icon Facebook logo flag icon Fill 1 Copy 3 gear icon Fill 1 Copy 14 global-africa icon Fill 1 Copy 9 global-america icon Fill 1 Copy 10 global-asia icon Fill 1 Copy 17 graph-bar icon Combined Shape Copy 9 graph-line icon Combined Shape Copy 16 heart icon Fill 1 Copy 8 help icon human icon icon--human icon--activity-feed.kds icon icon--add-heading.kds icon icon--advanced-analytics.kds icon icon--alarm icon icon--alarm icon--alert icon icon--alert icon--alt-text.kds icon icon--arrow-down.kds icon icon--arrow-down icon icon--arrow-down icon--arrow-left-2 icon icon--arrow-left.kds icon icon--arrow-left icon icon--arrow-left icon--arrow-right.kds icon icon--arrow-right icon icon--arrow-right icon--arrow-up-right icon icon--arrow-up-right icon--arrow-up.kds icon icon--arrow-up icon icon--arrow-up icon--backer-badge icon icon--backer-badge icon--bar-graph.kds icon icon--bell.kds icon icon--bell icon icon--bell icon--bold.kds icon icon--bolt.kds icon icon--bolt icon icon--bolt icon--bookmark-filled.kds icon icon--bookmark-outline icon icon--bookmark-outline icon--bookmark.kds icon icon--bookmark icon icon--bookmark icon--bulleted-list.kds icon icon--calculator icon icon--calculator icon--calendar-check icon icon--calendar-check icon--calendar.kds icon icon--calendar.sm.kds icon icon--calendar icon icon--calendar icon--campaign-outline icon icon--campaign-outline icon--caption.kds icon icon--captions.kds icon icon--cart.kds icon icon--category.kds icon icon--category.sm.kds icon icon--chat.kds icon icon--check.kds icon icon--check.sm.kds icon icon--check icon icon--check icon--chevron-down.kds icon icon--chevron-down.sm.kds icon icon--chevron-down icon icon--chevron-down icon--chevron-left.kds icon icon--chevron-left.sm.kds icon icon--chevron-left icon icon--chevron-left icon--chevron-right.kds icon icon--chevron-right.sm.kds icon icon--chevron-right icon icon--chevron-right icon--chevron-up.kds icon icon--chevron-up.sm.kds icon icon--chevron-up icon icon--chevron-up icon--circle-around.kds icon icon--circle-around icon icon--circle-around icon--circle-back icon icon--circle-back icon--circle-backward.kds icon icon--circle-check icon icon--circle-empty icon icon--circle-forward.kds icon icon--circle-forward icon icon--circle-forward icon--circle-loader icon Page 1 icon--circle.kds icon icon--circle icon icon--clipboard icon icon--clipboard icon--clock.kds icon icon--clock.sm.kds icon icon--clock icon icon--clock icon--close.kds icon icon--close.sm.kds icon icon--closed-caption icon icon--closed-caption icon--code icon icon--code icon--collapse.kds icon icon--collapse icon icon--collapse icon--commissions icon icon--commissions icon--compass icon icon--compass icon--confirmation icon icon--confirmation icon--conversion.kds icon icon--conversion icon icon-conversion icon--copy.kds icon icon--cpu icon icon--credit-card.kds icon icon--credit-card icon icon--cross icon icon--cross icon--curve-right icon icon--curve-right icon--date-and-time.kds icon icon--date-and-time.sm.kds icon icon--delta-down icon icon--delta-down icon--delta-left icon icon--delta-left icon--delta-right icon icon--delta-right icon--delta-up icon icon--delta-up icon--download.kds icon icon--download icon icon--download icon--drag.kds icon icon--edit.kds icon icon--ellipsis.kds icon icon--ellipsis icon icon--error.kds icon icon--error.sm.kds icon icon--expand.kds icon icon--expand icon icon--expand icon--external.kds icon icon--external.sm.kds icon icon--external icon icon--external icon--eye icon icon--eye icon--facebook icon icon--facebook icon--filter icon icon--filter icon--filters.kds icon icon--flag-outline icon icon--flag.kds icon icon--flag.sm.kds icon icon--flag icon icon--flag icon--forward-fund icon icon--frown-filled icon icon--frown icon icon--fulfillment.kds icon icon--gear icon icon--gear icon--globe-africa icon icon--globe-africa icon--globe-america icon icon--globe-america icon--globe-asia icon icon--globe-asia icon--globe.kds icon icon--graph-bar icon icon--graph-bar icon--graph-line icon icon--graph-line icon--hamburger.kds icon icon--hamburger icon icon--happy-filled icon icon--happy icon icon--header-anchor icon icon--heading.kds icon icon--heading icon icon--heart-filled.kds icon icon--heart-filled.sm.kds icon icon--heart-outline icon icon--heart outline icon--heart-thin-outline icon Fill 1 icon--heart.kds icon icon--heart.sm.kds icon icon--heart icon icon--heart icon--heartstrings-and-hardbacks icon icon--hide.kds icon icon--home-with-door icon icon--home.kds icon icon--home icon icon--home icon--human.kds icon icon--human.sm.kds icon icon--human icon icon--human icon--humans.kds icon icon--humans icon icon--humans icon--image.kds icon icon--image icon icon--image icon--inbox.kds icon icon--inbox icon icon--inbox icon--indeterminate icon icon--info.kds icon icon--info.sm.kds icon icon--info icon icon--info icon--instagram icon icon/instagram icon--intermediate.kds icon icon--intermediate.sm.kds icon icon--italic.kds icon icon--late-pledges.kds icon icon--late-pledges.sm.kds icon icon--lightbulb.kds icon icon--lightbulb icon icon--lightbulb icon--line-graph.kds icon icon--link.kds icon icon--link icon icon--link icon--location.kds icon icon--location.sm.kds icon icon--lock-black-bg icon lock-icon icon--lock icon icon--lock icon--locked.kds icon icon--locked.sm.kds icon icon--log-out.kds icon icon--long-story-short icon icon--mail icon icon--mail icon--make-100 icon icon--media-embed.kds icon icon--meh-filled icon icon--meh icon icon--menu icon icon--menu icon--message.kds icon icon--message icon icon--message icon--milestone-dfm icon icon--milestone-idea icon icon--milestone-preprod icon icon--milestone-prod icon icon--milestone-proof-of-concept icon icon--milestone-working-prototype icon icon--minus.kds icon icon--mobile.kds icon icon--mobile icon icon--mobile icon--mute.kds icon icon--numbered-list.kds icon icon--order-management.kds icon icon--overflow icon icon--overflow icon--pause.kds icon icon--pause icon icon--pause icon--pencil icon icon--pencil icon--pie-chart icon icon--pin.kds icon icon--pin icon icon--pin icon--pinterest icon icon--pinterest icon--play-filled.kds icon icon--play.kds icon icon--play icon icon--play icon--pledges.kds icon icon--plus-human.kds icon icon--plus-human icon icon--plus-human icon--plus.kds icon icon--plus icon icon--plus icon--prohibit icon icon--prohibit icon--prohibited.kds icon icon--project-budget icon icon--project-we-love icon icon--pull-quote icon icon--pull-quote icon--pullquote.kds icon icon--question-filled icon icon--question-filled icon--question.kds icon icon--question icon icon--question icon--reorder icon icon-reorder icon--reply.kds icon icon--reply icon icon--reply icon--reward.kds icon icon--reward.sm.kds icon icon--reward icon icon--save icon icon--save icon--saved icon icon--saved icon--search.kds icon icon--search icon icon--search icon--section-break icon icon--section-break icon--sentiment-neutral-filled.kds icon icon--sentiment-neutral.kds icon icon--sentiment-satisfied-filled.kds icon icon--sentiment-satisfied.kds icon icon--sentiment-unsatisfied-filled.kds icon icon--sentiment-unsatisfied.kds icon icon--settings.kds icon icon--shipping.kds icon icon--show.kds icon icon--small-k icon icon--sound-hi icon icon--sound-hi icon--sound-lo icon icon--sound-lo icon--sound-mute icon icon--sound-mute icon--spinner.kds icon icon--star-outline icon Star Outline icon--star.kds icon icon--star.sm.kds icon icon--star icon icon--star icon--stopwatch.kds icon icon--subtitles-captions icon icon--subtitles-captions icon--success.kds icon icon--success.sm.kds icon icon--survey-multiple-choice.kds icon icon--survey-open-text.kds icon icon--survey-single-choice.kds icon icon--survey.kds icon icon--tax-documents.kds icon icon--text-bold icon icon--text-bold icon--text-bullet icon icon--text-bullet icon--text-italic icon icon--text-italic icon--textalign-centered icon icon--textalign-centered icon--textalign-right icon icon--textalign-right icon--thumbs-down icon icon--thumbs-down icon--thumbs-up icon icon--thumbs-up icon--thumbsdown-outline icon icon--thumbsdown-outline icon--thumbsup-outline icon icon--thumbsup-outline icon--timeline-to-do.kds icon icon--trash.kds icon icon--trash icon icon--trash icon--tumblr icon icon--tumblr icon--twitter icon icon--twitter icon--unlink.kds icon icon--unlink icon Artboard icon--unlock icon icon--unlock icon--unlocked.kds icon icon--unlocked.sm.kds icon icon--update-freeform-round icon icon--update-freeform-round icon--update-freeform icon icon--update-freeform icon--update-pinned icon Artboard icon--update-qa-round icon icon--update-qa-round icon--update-qa icon icon--update-qa icon--upload.kds icon icon--upload icon icon--upload icon--video.kds icon icon--video icon icon--video icon--volume-down.kds icon icon--volume-up.kds icon icon--warning.kds icon icon--warning.sm.kds icon icon--warning icon icon--witchstarter icon icon--youtube icon icon--youtube icon--zine-quest icon icon-imagealign-center icon icon-imagealign-center icon-imagealign-left icon icon-imagealign-left icon-imagealign-right icon icon-imagealign-right info icon Combined Shape Copy instagram icon instagram copy kickstarter icon Artboard Copy 5 leaf icon leaf lightbulb icon icon--lightbulb link icon Combined Shape Copy 8 loading-spin icon lock icon Combined Shape Copy 4 mail icon Combined Shape map-pin icon Fill 1 menu icon Group message icon Fill 1 Copy 12 mobile icon Page 1 Copy 2 pause icon pause copy pencil icon Combined Shape Copy 3 pin icon Combined Shape Copy 11 pinterest icon pinterest play icon play copy plus-human icon icon--plus-human plus icon Fill 1 Copy 7 question icon Combined Shape Copy 14 search icon Fill 1 Copy 11 shapeshift icon share icon Fill 1 Copy slash icon solid-arrow icon solid-arrow sound-hi icon Combined Shape sound-lo icon Combined Shape sound-mute icon Combined Shape star icon Fill 1 Copy 2 stopwatch icon Group 2 thumbs-up icon Shape tools icon Shape trash icon Combined Shape tumblr icon tumblr copy twitter icon twitter copy user icon Artboard Copy 10 volume-up icon Artboard Copy 9 warning icon Combined Shape Copy 10 write icon Artboard Copy 11 x icon Fill 1 Copy 4 youtube icon Combined Shape