Blog

  • PortfolioItemThroughput

    Portfolio Item Throughput

    Alt text

    ##Overview

    This is an Rally SDK app that graphs the feature throughput of multiple types of items (think Strategy, Theme, Initiative, Enhancement, etc.) over a certain number of months you specify on the top right text field.

    Hovering over a colored bar will show the name of the type, its XY position, and percentage completed. Clicking on a colored bar will show a list of types on the bottom of the frame. You can also specify bars to be stacked which combines the values into month increments (you can still individually click on each color and get a different list).

    ##How to Use

    If you want to start using the app immediately, create an Custom HTML app on your Rally dashboard. Then copy FeatureThroughputApp.html in the deploy folder into the HTML text area. That’s it, it should be ready to use.

    Or you can just click here to find the file.

    ##Customize this App

    This app includes a Rakefile with these tasks that will help you deploy the app in such a way that Rally will recognize your code:

    Available tasks are:

    rake combine       # Parses mashup HTML and replaces stylesheet includes with the referenced CSS content and JS includes with the JS itself to create Rally-ready HTML
    rake default       # Default task
    rake deploy        # Combine and run jslint
    rake deployall     # Build all apps and copy the built output to lam
    rake jslint        # Runs JSLint on all component JavaScript files
    rake new[appName]  # Create a new app
    

    If you want to include more Javascript files, simply add them to the FeatureThroughput.template.html within the header. It’s the same with CSS files, just add the stylesheet name to the header in the HTML template file.

    ##License

    PortfolioItem Throughput is released under the MIT license. See the file LICENSE for the full text.

    Visit original content creator repository
    https://github.com/CustomAgile/PortfolioItemThroughput

  • SublimeTeX

    SublimeTeX

    GitHub all releases GitHub contributors GitHub commit activity GitHub repo size GitHub

    Desde hace un tiempo Overleaf viene aplicando varios cambios en la plataforma, primero restringieron la cantidad de editores por proyecto, luego cambiaron el tiempo de compilado del plan gratuito y a la fecha del 25 de agosto de 2025 van a aplicar aún más restricciones sobre el tiempo de compilado. Esto hace que tener una manera de trabajar LaTeX localmente sea muy necesaria, de hecho, es impresindible para proyectos grandes como hacer una tesis grado o un proyecto para una materia o personal.

    En esta guía vamos a mostrar la forma de hacer esto con SublimeText (latextools) y MikTeX, para los usuarios de Linux también hay una breve guía al final, sin embargo los pasos a seguir son exactamente los mismos que en Windows, salvo la instalación de TeX y los paquetes adicionales, la principal diferencia será que en Linux usaremos TexLive. Para este caso lo haré desde mi sistema operativo de uso personal (Archlinux), sin embargo es totalmente replicable en cualquier distribución y una vez instalados los paquetes podemos configurar todo siguiendo los mismos pasos que en Windows.

    ¿Por qué SublimeText?, sí, es un Software de paga y sé que a los usuarios de Linux esto no les gusta mucho, pero Sublime nos permite tener un intermedio entre lo velozmente complidado (Vim, Neovim, Emacs …) y lo fácil, pero absurdamente lento (VScode). Personalmente VScode no me gusta ya que no solo es más lento sino que no lo veo tan bien adaptado y personalizable, estéticamente Sublime nos da un mucho mejor resultado (al menos en mi opinión) y no necesariamente debemos pagar para usarlo, está disponible de manera gratuita.

    Finalmente, en este repositorio encuentras snippets, piezas de código que permiten decirle a Sublime qué queremos que haga cuando escribimos un comando particular en nuestro documento, por ejemplo, si quiero hacer una matriz de 8×8, sería muy extenso tener que hacerlo a mano, en cambio, estos snippets nos permiten ahorrar mucho tiempo de escritura ya que hacen esto de forma automática, a lo largo de la guía hay varios ejemplos de su uso y en la carpeta SublimeTeX se encuentran todos ellos y son totalmente configurables a tu gusto.

    Resultado

    Alt text

    Snippets:

    Instrucciones

    Download
    Install
    • Instala primero Sumatra, luego MiKTeX y después ImageMagick. Finalmente, instala Sublime Text. Asegúrate de que ImageMagick se agregue al Path de Windows durante la instalación. La opción debe estar marcada durante la instalación. Si alguna no se añadió debes hacerlo manual, hay muchos videos sobre cómo añadir software a las variables de entorno de Windows, esto se hace para que al compilar se abra automáticamente Sumatra y nos muestre el PDF

      Alt text

    Antes de continuar, puede ser necesario instalar algunos paquetes de LaTeX desde MiKTeX. Para hacerlo, debemos abrir la consola de MiKTeX.

    • Ve a Packages e instala “preview” y “mathtools” como se muestra a continuación:

    Alt text

    • Debes escribir los nombres de los paquetes en la parte seleccionada.
    • Ahora instala como se muestra a continuación:

    Alt text

    Una vez que ambos paquetes estén instalados, continúa con la instalación. Recuerda que en el futuro, al compilar uno de tus proyectos, puede que se requiera un paquete que tendrás que instalar desde esta consola.

    Además, puede ser recomendable habilitar la instalación automática de paquetes: Ve a Setting

    Alt text

    Ahora estoy usando ese Repositorio, me está funcionando bien, así que puedes intentar usarlo entrando en change y seleccionándolo. Pero si algún día tienes problemas con el repositorio, puedes cambiarlo. Yo tuve problemas usando el repositorio por defecto (error de código SSL), por eso cambié el mío a ese, sin embargo si al momento de seguir la guía ya no se encuentra disponible, eres libre de probar cualquiera y ver cómo te va.

    Sublime Configs
    • Abre la Command Palette : Presiona Ctrl+Shift+P

    • Escribe install en el cuadro de entrada de la Command Palette, el cual debería autocompletar a Install Package Control. Presiona Enter para seleccionarlo.

    • Sublime Text 3 empezará a instalar Package Control. Esto puede tardar un momento. Una vez instalado, aparecerá un mensaje emergente: Package Control was successfully installed.

    • Ve a Preferences → Package Settings → Package Control → Settings y pega lo siguiente

      {
        "bootstrapped": true,
        "in_process_packages":
        [
        ],
        "installed_packages":
        [
        	"A File Icon",
        	"Agila Theme",
        	"AutoPEP8",
        	"ayu",
        	"DistractionFreeWindow",
        	"Dracula Color Scheme",
        	"Fold Comments",
        	"gruvbox",
        	"ImageMagick",
        	"Language - Spanish",
        	"LaTeX Word Count",
        	"LaTeX-cwl",
        	"LaTeXTab",
        	"LaTeXTools",
        	"LaTeXYZ",
        	"Non Text Files",
        	"Package Control",
        	"Python 3",
        	"SideBarEnhancements",
        	"Theme - Gravity",
        ],
      }
    • Guarda el archivo. Esto instalará automáticamente todos los paquetes necesarios para la configuración. Espera de 5 a 10 minutos para que la instalación se complete (asegúrate de que la instalación finalice).

    • Luego abre Preferences → Settings y pega lo siguiente allí.

      {
        "auto_complete_triggers":
        [
            {
                "characters": ".",
                "selector": "source.python - string - comment - constant.numeric",
            },
            {
                "characters": "\\",
                "selector": "text.tex.latex",
            }
        ],
        "color_scheme": "Packages/ayu/ayu-dark.sublime-color-scheme",
        "default_line_ending": "unix",
        "font_size": 11,
        "ignored_packages":
        [
            "Vintage",
        ],
        "open_externally_patterns":
        [
            "*.jpg",
            "*.jpeg",
            "*.png",
            "*.gif",
            "*.zip",
            "*.pdf"
        ],
        "rulers":
        [
            100
        ],
        "tab_size": 4,
        "theme": "ayu-dark.sublime-theme",
        "translate_tabs_to_spaces": true
      }
    • Go to Preferences→Key Bindings and paste the following

      [
          { "keys": ["f1"], "command": "toggle_side_bar" },
          { "keys": ["f2"], "command": "distraction_free_window" },
          { "keys": ["f3"], "command": "fold" },
          { "keys": ["f4"], "command": "unfold" },
      ]
    • Finalmente, ve a Preferences→Package settings→Latex tools→Check system para comprobar si todo está bien o no.

    Dark Mode

    En Sumatra PDF ve a Settings→Advanced Options. La configuración se abrirá en un nuevo documento de texto. Cambia MainWindowBackground = #11141b y reemplaza el código en FixedPageUI con lo siguiente

    FixedPageUI [
    	# Light Mode
    	# TextColor = #000000
    	# BackgroundColor = #ffffff
    
    	# Dark Mode
    	TextColor = #ffffff
    	BackgroundColor = #11141b
    	SelectionColor = #f5fc0c
    	WindowMargin = 2 4 2 4
    	PageSpacing = 4 4
    ]
    

    Esto activará el modo oscuro en Sumatra. Para volver al modo claro, simplemente descomenta las líneas bajo Light Mode y comenta las líneas bajo Dark Mode.

    FixedPageUI [
    	# Light Mode
    	TextColor = #000000
    	BackgroundColor = #ffffff
    
    	# Dark Mode
    	# TextColor = #ffffff
    	# BackgroundColor = #11141b
    	SelectionColor = #f5fc0c
    	WindowMargin = 2 4 2 4
    	PageSpacing = 4 4
    ]
    

    Observa que cambiando las líneas Backgroundcolor y MainWindowBackground en la configuración de Sumatra, podemos hacer que nuestro PDF aparezca en cualquier color que queramos.

    Si queremos personalizar Sumatra para que coincida con los colores de nuestro tema de Sublime, solo necesitamos conocer el código Hex del color asociado con el tema (es decir, el color de fondo de Sublime).

    Para hacerlo, podemos tomar una captura de pantalla de un área de la pantalla donde sea visible el color que queremos usar, guardar la imagen y usar una herramienta que detecte el color en la imagen (Puedes usar esta).

    Compilado

    Compilado

    Para compilar tu proyecto en LaTeX, presiona Ctrl+Shift+B y selecciona PDFLaTeX, LuaLaTeX o XeLaTeX dependiendo de cuál compilador requiera tu proyecto.

    Alt text

    Después de la primera compilación, deberías poder compilar simplemente usando Ctrl+B. Siempre que requieras cambiar de compilador lo haces nuevamente con Ctrl+Shift+B.

    Para compilar el proyecto, debes hacerlo desde el archivo principal del proyecto (por ejemplo, main.tex). Sin embargo, si deseas trabajar en un proyecto grande con diferentes archivos .tex y no quieres cambiar a main.tex cada vez que compilas, puedes agregar la siguiente línea de código al archivo desde el cual deseas compilar:

    %!TEX root = main.tex
    

    Por ejemplo: Este proyecto

    Alt text

    Si estás trabajando en el archivo 2.5.tex y quieres compilar todo el proyecto desde allí, necesitas agregar %!TEX root = main.tex en la primera línea, como se muestra a continuación:

    Alt text

    La primera línea de código no afecta nuestro proyecto ya que es un comentario. Lo que hace es indicarle a LatexTools que compile el archivo main.tex en lugar del archivo 2.5.tex. Si tu archivo principal no se llama main, puedes editar la línea de código con el nombre de tu archivo. Y si tienes el archivo desde el que quieres compilar dentro de una carpeta puedes indicarle a LaTeX que salga de esa carpeta añadiendo el comando “../”, sería algo como

    %!TEX root = ../main.tex
    
    Posibles errores

    Cuando empieces a usar la interfaz, notarás que al compilar un documento se abre una nueva ventana de Sublime Text. Esto puede ser bastante molesto y pueden aparecer errores como fallos en el autocompletado o caracteres eliminados. Aquí daremos soluciones a estos problemas.

    • Ve a Preferences -> Package Settings -> LaTeXTools-> Settings-User y en la línea:
    "keep_focus": true

    Cambia true por false y eso solucionará el primer problema.

    Ahora, para los fallos de autocompletado:

    • Presiona Ctrl+Shift+P y busca Browse Packages.

    • Abre LaTeXTools/latex_cwl_completion.py

    • Borra o comenta las lineas de 308–312

    if is_prefixed:
        completions = [
            (c[0], c[1][1:]) if c[1].startswith("\\") else c
            for c in completions
        ]

    Esto soluciona los problemas

    Biblatex:

    Hay un problema que ocurre al usar biblatex y no hacer ninguna cita en todo el documento: básicamente no imprime la bibliografía y el comando \nocite{*} no funciona a menos que hagamos una cita en el documento, esto no es como tal un problema, de cierto modo, ¿para qué tener citas si no vamos a citar nunca?, sin embargo, voy a ofrecer una solución.

    Como mencioné, una vez que hacemos al menos una cita en todo el documento, el comando \nocite{*} funciona y el problema se soluciona.

    Sin embargo, si no queremos hacer ninguna cita en todo el documento, una solución rápida es hacer una cita fantasma, es decir, una que no afecte el documento final pero resuelva el problema.

    Para hacerlo, implementamos lo siguiente en nuestro archivo .tex (si quieres xd o hazlo manual):

    \newcommand{\phantomcite}[1]{
        \phantom{\cite{lo que quieras}}
        \nocite{*}
    }

    Entonces, al final de nuestro documento, antes de usar \printbibliography, ponemos el comando \phantomcite{"aquí coloca cualquier cita de tus referencias"} y eso resolverá el problema.

    Este comando ejecuta una cita fantasma y va seguido del comando \nocite{*}, por lo que ya no será necesario usarlo.

    • Ejemplo:
    \documentclass{article}
    
    \usepackage{biblatex}
    
    \newcommand{\phantomcite}[1]{
        \phantom{\cite{#1}}
        \nocite{*}
    }
    
    
    \addbibresource{sample.bib}
    
    \begin{document}
    
    Test. 
    
    \phantomcite{dirac}
    
    \printbibliography
    \end{document}

    Otra forma de solucionarlo es antes de usar “\nocite{*}” pon “nocite{“alguna referencia”}”:

    \documentclass{article}
    
    \usepackage{biblatex}
    
    \addbibresource{sample.bib}
    
    \begin{document}
    
    Test. 
    
    \nocite{dirac}
    \nocite{*}
    
    \printbibliography
    \end{document}

    Como se mencionó anteriormente, el problema está relacionado con \nocite{*}.
    En esta solución, no es necesario añadir el \phantomcite de la solución anterior.

    • IMPORTANTE: Si compilas tu proyecto y este genera la bibliografía, y luego haces cambios en ella, puede que necesites eliminar los archivos generados y volver a compilar. De lo contrario, la bibliografía puede no actualizarse.

    El archivo correspondiente es el que tiene la extensión .bbl en la carpeta de tus archivos. Esto no suele ocurrir frecuentemente, cuando hice mi tesis simplemente compilaba una segunda vez y se arreglaba, creo que esto ocurre porque TeX prefiere no tener que compilar todo de nuevo y usa esos archivos residuales para acelerar el resultado, cuando hacemos cambios pequeños en el documento prefiere no hacer el compilado tan largo, pero no es más.

    Español

    Para añadir el idioma español a Sublime Text y al corrector ortográfico, necesitas descargar la carpeta “Language – Spanish” desde el repositorio y ponerla en la carpeta que se abre cuando ejecutas “Browse Packages”.
    Una vez que la carpeta del idioma esté allí, ve en Sublime Text a View -> Dictionary -> Language - Spanish -> Spanish.
    Cuando selecciones esto, Sublime Text implementará la corrección en idioma español.

    El procedimiento es similar para la autocorrección en inglés, sin embargo, necesitarás buscar los diccionarios ya que no los tengo disponibles.

    ImageMagick Preview:

    Con este proyecto podrás ver tus ecuaciones sin compilar:

    Alt text

    Si ves que la resolución de la vista previa es muy baja, ve a: Preferences -> Package Settings -> LaTeXTools-> Settings-User y luego busca la línea "preview_math_density".

    Puedes cambiar valores y probar diferentes resoluciones y densidades de píxeles si lo deseas.
    Esta es mi configuración para mi pantalla (2160x1440p):

    	// The density of the preview image. The higher the density the bigger the phantom.
    	"preview_math_density": 300,
    	// If the image is not sharp enough increase this scale to get a better resolution.
    	// However also change the density by the same factor to keep the size.
    	"preview_math_scale_quotient": 3,
    	// If this is true, the image will be rendered at a higher resolution and
    	// then scaled down. This generally results in a clearer image.
    	"preview_math_hires": true,

    Snippets

    El siguiente trabajo está inspirado en el de Gilles Castel (casteldev), muchos de estos snippets son adaptaciones y mejoras de su maravilloso trabajo en LaTeX en Vim.

    El propósito de esto es ahorrar la mayor cantidad de tiempo posible al trabajar con LaTeX, pero también ayudar a quienes no son muy expertos en él, especialmente con librerías como TikZ, PSTricks, etc.

    Con el tiempo, y especialmente con tu ayuda, espero que estos snippets mejoren.

    Todo tipo de sugerencias o colaboraciones son bienvenidas.

    Para instalar estos snippets, necesitas descargar la carpeta “SublimeTeX” desde el repositorio y pegarla en la carpeta LatexTools a la que puedes acceder desde “Browse Packages”, como lo hemos venido haciendo.

    Después de esto, ya estarán listos para usarlos, así que dejaré algunos gifs de algunos de ellos para que puedas apreciar su utilidad y cómo usarlos, seguidos de una lista de comandos para utilizarlos.

    Para usar los snippets solo tienes que escribir el nombre del snippet y presionar tab.

    • plot:

    • template:

    • matriz:(this snippet works for 2×2,3×3,…9×9, if you want a matriz just use pmat)

    • some snippets:

    • preview:

    RECUERDA️: Para usar los snippets solo necesitas conocer sus nombres, escribirlos y presionar Tab.

    Ya hay muchos snippets disponibles y seguiré subiendo más.
    Puedes encontrar la lista completa de nombres en el archivo snippets.md.

    Mi recomendación es que pruebes todos al menos una vez para entender bien qué hacen.

    Después de eso, decide cuáles son más útiles para tu flujo de trabajo.

    Si puedes, por favor comparte tus sugerencias — siempre son bienvenidas nuevas ideas de snippets.

    Contacto

    Visit original content creator repository https://github.com/vinograd0v/SublimeTeX
  • SublimeTeX

    SublimeTeX

    GitHub all releases GitHub contributors GitHub commit activity GitHub repo size GitHub

    Desde hace un tiempo Overleaf viene aplicando varios cambios en la plataforma, primero restringieron la cantidad de editores por proyecto, luego cambiaron el tiempo de compilado del plan gratuito y a la fecha del 25 de agosto de 2025 van a aplicar aún más restricciones sobre el tiempo de compilado. Esto hace que tener una manera de trabajar LaTeX localmente sea muy necesaria, de hecho, es impresindible para proyectos grandes como hacer una tesis grado o un proyecto para una materia o personal.

    En esta guía vamos a mostrar la forma de hacer esto con SublimeText (latextools) y MikTeX, para los usuarios de Linux también hay una breve guía al final, sin embargo los pasos a seguir son exactamente los mismos que en Windows, salvo la instalación de TeX y los paquetes adicionales, la principal diferencia será que en Linux usaremos TexLive. Para este caso lo haré desde mi sistema operativo de uso personal (Archlinux), sin embargo es totalmente replicable en cualquier distribución y una vez instalados los paquetes podemos configurar todo siguiendo los mismos pasos que en Windows.

    ¿Por qué SublimeText?, sí, es un Software de paga y sé que a los usuarios de Linux esto no les gusta mucho, pero Sublime nos permite tener un intermedio entre lo velozmente complidado (Vim, Neovim, Emacs …) y lo fácil, pero absurdamente lento (VScode). Personalmente VScode no me gusta ya que no solo es más lento sino que no lo veo tan bien adaptado y personalizable, estéticamente Sublime nos da un mucho mejor resultado (al menos en mi opinión) y no necesariamente debemos pagar para usarlo, está disponible de manera gratuita.

    Finalmente, en este repositorio encuentras snippets, piezas de código que permiten decirle a Sublime qué queremos que haga cuando escribimos un comando particular en nuestro documento, por ejemplo, si quiero hacer una matriz de 8×8, sería muy extenso tener que hacerlo a mano, en cambio, estos snippets nos permiten ahorrar mucho tiempo de escritura ya que hacen esto de forma automática, a lo largo de la guía hay varios ejemplos de su uso y en la carpeta SublimeTeX se encuentran todos ellos y son totalmente configurables a tu gusto.

    Resultado

    Alt text

    Snippets:

    Instrucciones

    Download
    Install
    • Instala primero Sumatra, luego MiKTeX y después ImageMagick. Finalmente, instala Sublime Text. Asegúrate de que ImageMagick se agregue al Path de Windows durante la instalación. La opción debe estar marcada durante la instalación. Si alguna no se añadió debes hacerlo manual, hay muchos videos sobre cómo añadir software a las variables de entorno de Windows, esto se hace para que al compilar se abra automáticamente Sumatra y nos muestre el PDF

      Alt text

    Antes de continuar, puede ser necesario instalar algunos paquetes de LaTeX desde MiKTeX. Para hacerlo, debemos abrir la consola de MiKTeX.

    • Ve a Packages e instala “preview” y “mathtools” como se muestra a continuación:

    Alt text

    • Debes escribir los nombres de los paquetes en la parte seleccionada.
    • Ahora instala como se muestra a continuación:

    Alt text

    Una vez que ambos paquetes estén instalados, continúa con la instalación. Recuerda que en el futuro, al compilar uno de tus proyectos, puede que se requiera un paquete que tendrás que instalar desde esta consola.

    Además, puede ser recomendable habilitar la instalación automática de paquetes: Ve a Setting

    Alt text

    Ahora estoy usando ese Repositorio, me está funcionando bien, así que puedes intentar usarlo entrando en change y seleccionándolo. Pero si algún día tienes problemas con el repositorio, puedes cambiarlo. Yo tuve problemas usando el repositorio por defecto (error de código SSL), por eso cambié el mío a ese, sin embargo si al momento de seguir la guía ya no se encuentra disponible, eres libre de probar cualquiera y ver cómo te va.

    Sublime Configs
    • Abre la Command Palette : Presiona Ctrl+Shift+P

    • Escribe install en el cuadro de entrada de la Command Palette, el cual debería autocompletar a Install Package Control. Presiona Enter para seleccionarlo.

    • Sublime Text 3 empezará a instalar Package Control. Esto puede tardar un momento. Una vez instalado, aparecerá un mensaje emergente: Package Control was successfully installed.

    • Ve a Preferences → Package Settings → Package Control → Settings y pega lo siguiente

      {
        "bootstrapped": true,
        "in_process_packages":
        [
        ],
        "installed_packages":
        [
        	"A File Icon",
        	"Agila Theme",
        	"AutoPEP8",
        	"ayu",
        	"DistractionFreeWindow",
        	"Dracula Color Scheme",
        	"Fold Comments",
        	"gruvbox",
        	"ImageMagick",
        	"Language - Spanish",
        	"LaTeX Word Count",
        	"LaTeX-cwl",
        	"LaTeXTab",
        	"LaTeXTools",
        	"LaTeXYZ",
        	"Non Text Files",
        	"Package Control",
        	"Python 3",
        	"SideBarEnhancements",
        	"Theme - Gravity",
        ],
      }
    • Guarda el archivo. Esto instalará automáticamente todos los paquetes necesarios para la configuración. Espera de 5 a 10 minutos para que la instalación se complete (asegúrate de que la instalación finalice).

    • Luego abre Preferences → Settings y pega lo siguiente allí.

      {
        "auto_complete_triggers":
        [
            {
                "characters": ".",
                "selector": "source.python - string - comment - constant.numeric",
            },
            {
                "characters": "\\",
                "selector": "text.tex.latex",
            }
        ],
        "color_scheme": "Packages/ayu/ayu-dark.sublime-color-scheme",
        "default_line_ending": "unix",
        "font_size": 11,
        "ignored_packages":
        [
            "Vintage",
        ],
        "open_externally_patterns":
        [
            "*.jpg",
            "*.jpeg",
            "*.png",
            "*.gif",
            "*.zip",
            "*.pdf"
        ],
        "rulers":
        [
            100
        ],
        "tab_size": 4,
        "theme": "ayu-dark.sublime-theme",
        "translate_tabs_to_spaces": true
      }
    • Go to Preferences→Key Bindings and paste the following

      [
          { "keys": ["f1"], "command": "toggle_side_bar" },
          { "keys": ["f2"], "command": "distraction_free_window" },
          { "keys": ["f3"], "command": "fold" },
          { "keys": ["f4"], "command": "unfold" },
      ]
    • Finalmente, ve a Preferences→Package settings→Latex tools→Check system para comprobar si todo está bien o no.

    Dark Mode

    En Sumatra PDF ve a Settings→Advanced Options. La configuración se abrirá en un nuevo documento de texto. Cambia MainWindowBackground = #11141b y reemplaza el código en FixedPageUI con lo siguiente

    FixedPageUI [
    	# Light Mode
    	# TextColor = #000000
    	# BackgroundColor = #ffffff
    
    	# Dark Mode
    	TextColor = #ffffff
    	BackgroundColor = #11141b
    	SelectionColor = #f5fc0c
    	WindowMargin = 2 4 2 4
    	PageSpacing = 4 4
    ]
    

    Esto activará el modo oscuro en Sumatra. Para volver al modo claro, simplemente descomenta las líneas bajo Light Mode y comenta las líneas bajo Dark Mode.

    FixedPageUI [
    	# Light Mode
    	TextColor = #000000
    	BackgroundColor = #ffffff
    
    	# Dark Mode
    	# TextColor = #ffffff
    	# BackgroundColor = #11141b
    	SelectionColor = #f5fc0c
    	WindowMargin = 2 4 2 4
    	PageSpacing = 4 4
    ]
    

    Observa que cambiando las líneas Backgroundcolor y MainWindowBackground en la configuración de Sumatra, podemos hacer que nuestro PDF aparezca en cualquier color que queramos.

    Si queremos personalizar Sumatra para que coincida con los colores de nuestro tema de Sublime, solo necesitamos conocer el código Hex del color asociado con el tema (es decir, el color de fondo de Sublime).

    Para hacerlo, podemos tomar una captura de pantalla de un área de la pantalla donde sea visible el color que queremos usar, guardar la imagen y usar una herramienta que detecte el color en la imagen (Puedes usar esta).

    Compilado

    Compilado

    Para compilar tu proyecto en LaTeX, presiona Ctrl+Shift+B y selecciona PDFLaTeX, LuaLaTeX o XeLaTeX dependiendo de cuál compilador requiera tu proyecto.

    Alt text

    Después de la primera compilación, deberías poder compilar simplemente usando Ctrl+B. Siempre que requieras cambiar de compilador lo haces nuevamente con Ctrl+Shift+B.

    Para compilar el proyecto, debes hacerlo desde el archivo principal del proyecto (por ejemplo, main.tex). Sin embargo, si deseas trabajar en un proyecto grande con diferentes archivos .tex y no quieres cambiar a main.tex cada vez que compilas, puedes agregar la siguiente línea de código al archivo desde el cual deseas compilar:

    %!TEX root = main.tex
    

    Por ejemplo: Este proyecto

    Alt text

    Si estás trabajando en el archivo 2.5.tex y quieres compilar todo el proyecto desde allí, necesitas agregar %!TEX root = main.tex en la primera línea, como se muestra a continuación:

    Alt text

    La primera línea de código no afecta nuestro proyecto ya que es un comentario. Lo que hace es indicarle a LatexTools que compile el archivo main.tex en lugar del archivo 2.5.tex. Si tu archivo principal no se llama main, puedes editar la línea de código con el nombre de tu archivo. Y si tienes el archivo desde el que quieres compilar dentro de una carpeta puedes indicarle a LaTeX que salga de esa carpeta añadiendo el comando “../”, sería algo como

    %!TEX root = ../main.tex
    
    Posibles errores

    Cuando empieces a usar la interfaz, notarás que al compilar un documento se abre una nueva ventana de Sublime Text. Esto puede ser bastante molesto y pueden aparecer errores como fallos en el autocompletado o caracteres eliminados. Aquí daremos soluciones a estos problemas.

    • Ve a Preferences -> Package Settings -> LaTeXTools-> Settings-User y en la línea:
    "keep_focus": true

    Cambia true por false y eso solucionará el primer problema.

    Ahora, para los fallos de autocompletado:

    • Presiona Ctrl+Shift+P y busca Browse Packages.

    • Abre LaTeXTools/latex_cwl_completion.py

    • Borra o comenta las lineas de 308–312

    if is_prefixed:
        completions = [
            (c[0], c[1][1:]) if c[1].startswith("\\") else c
            for c in completions
        ]

    Esto soluciona los problemas

    Biblatex:

    Hay un problema que ocurre al usar biblatex y no hacer ninguna cita en todo el documento: básicamente no imprime la bibliografía y el comando \nocite{*} no funciona a menos que hagamos una cita en el documento, esto no es como tal un problema, de cierto modo, ¿para qué tener citas si no vamos a citar nunca?, sin embargo, voy a ofrecer una solución.

    Como mencioné, una vez que hacemos al menos una cita en todo el documento, el comando \nocite{*} funciona y el problema se soluciona.

    Sin embargo, si no queremos hacer ninguna cita en todo el documento, una solución rápida es hacer una cita fantasma, es decir, una que no afecte el documento final pero resuelva el problema.

    Para hacerlo, implementamos lo siguiente en nuestro archivo .tex (si quieres xd o hazlo manual):

    \newcommand{\phantomcite}[1]{
        \phantom{\cite{lo que quieras}}
        \nocite{*}
    }

    Entonces, al final de nuestro documento, antes de usar \printbibliography, ponemos el comando \phantomcite{"aquí coloca cualquier cita de tus referencias"} y eso resolverá el problema.

    Este comando ejecuta una cita fantasma y va seguido del comando \nocite{*}, por lo que ya no será necesario usarlo.

    • Ejemplo:
    \documentclass{article}
    
    \usepackage{biblatex}
    
    \newcommand{\phantomcite}[1]{
        \phantom{\cite{#1}}
        \nocite{*}
    }
    
    
    \addbibresource{sample.bib}
    
    \begin{document}
    
    Test. 
    
    \phantomcite{dirac}
    
    \printbibliography
    \end{document}

    Otra forma de solucionarlo es antes de usar “\nocite{*}” pon “nocite{“alguna referencia”}”:

    \documentclass{article}
    
    \usepackage{biblatex}
    
    \addbibresource{sample.bib}
    
    \begin{document}
    
    Test. 
    
    \nocite{dirac}
    \nocite{*}
    
    \printbibliography
    \end{document}

    Como se mencionó anteriormente, el problema está relacionado con \nocite{*}.
    En esta solución, no es necesario añadir el \phantomcite de la solución anterior.

    • IMPORTANTE: Si compilas tu proyecto y este genera la bibliografía, y luego haces cambios en ella, puede que necesites eliminar los archivos generados y volver a compilar. De lo contrario, la bibliografía puede no actualizarse.

    El archivo correspondiente es el que tiene la extensión .bbl en la carpeta de tus archivos. Esto no suele ocurrir frecuentemente, cuando hice mi tesis simplemente compilaba una segunda vez y se arreglaba, creo que esto ocurre porque TeX prefiere no tener que compilar todo de nuevo y usa esos archivos residuales para acelerar el resultado, cuando hacemos cambios pequeños en el documento prefiere no hacer el compilado tan largo, pero no es más.

    Español

    Para añadir el idioma español a Sublime Text y al corrector ortográfico, necesitas descargar la carpeta “Language – Spanish” desde el repositorio y ponerla en la carpeta que se abre cuando ejecutas “Browse Packages”.
    Una vez que la carpeta del idioma esté allí, ve en Sublime Text a View -> Dictionary -> Language - Spanish -> Spanish.
    Cuando selecciones esto, Sublime Text implementará la corrección en idioma español.

    El procedimiento es similar para la autocorrección en inglés, sin embargo, necesitarás buscar los diccionarios ya que no los tengo disponibles.

    ImageMagick Preview:

    Con este proyecto podrás ver tus ecuaciones sin compilar:

    Alt text

    Si ves que la resolución de la vista previa es muy baja, ve a: Preferences -> Package Settings -> LaTeXTools-> Settings-User y luego busca la línea "preview_math_density".

    Puedes cambiar valores y probar diferentes resoluciones y densidades de píxeles si lo deseas.
    Esta es mi configuración para mi pantalla (2160x1440p):

    	// The density of the preview image. The higher the density the bigger the phantom.
    	"preview_math_density": 300,
    	// If the image is not sharp enough increase this scale to get a better resolution.
    	// However also change the density by the same factor to keep the size.
    	"preview_math_scale_quotient": 3,
    	// If this is true, the image will be rendered at a higher resolution and
    	// then scaled down. This generally results in a clearer image.
    	"preview_math_hires": true,

    Snippets

    El siguiente trabajo está inspirado en el de Gilles Castel (casteldev), muchos de estos snippets son adaptaciones y mejoras de su maravilloso trabajo en LaTeX en Vim.

    El propósito de esto es ahorrar la mayor cantidad de tiempo posible al trabajar con LaTeX, pero también ayudar a quienes no son muy expertos en él, especialmente con librerías como TikZ, PSTricks, etc.

    Con el tiempo, y especialmente con tu ayuda, espero que estos snippets mejoren.

    Todo tipo de sugerencias o colaboraciones son bienvenidas.

    Para instalar estos snippets, necesitas descargar la carpeta “SublimeTeX” desde el repositorio y pegarla en la carpeta LatexTools a la que puedes acceder desde “Browse Packages”, como lo hemos venido haciendo.

    Después de esto, ya estarán listos para usarlos, así que dejaré algunos gifs de algunos de ellos para que puedas apreciar su utilidad y cómo usarlos, seguidos de una lista de comandos para utilizarlos.

    Para usar los snippets solo tienes que escribir el nombre del snippet y presionar tab.

    • plot:

    • template:

    • matriz:(this snippet works for 2×2,3×3,…9×9, if you want a matriz just use pmat)

    • some snippets:

    • preview:

    RECUERDA️: Para usar los snippets solo necesitas conocer sus nombres, escribirlos y presionar Tab.

    Ya hay muchos snippets disponibles y seguiré subiendo más.
    Puedes encontrar la lista completa de nombres en el archivo snippets.md.

    Mi recomendación es que pruebes todos al menos una vez para entender bien qué hacen.

    Después de eso, decide cuáles son más útiles para tu flujo de trabajo.

    Si puedes, por favor comparte tus sugerencias — siempre son bienvenidas nuevas ideas de snippets.

    Contacto

    Visit original content creator repository https://github.com/vinograd0v/SublimeTeX
  • qualib

    Documentation Status

    Qualib provides automatic calibrations for experiments on superconducting quantum circuits, based on Exopy.

    Installation

    1. git clone https://github.com/bastienvoirin/qualib.git
    2. pip install . (or pip install <path to local Qualib repository>)

    Usage

    calibration_scheme.py defines the calibration sequence file to run.

    CLI/module usage

    python -m qualib.main calibration_scheme.py
    

    Package usage

    from qualib.main import Qualib
    
    qualib = Qualib()
    qualib.run_all('calibration_scheme.py')

    Calibration sequence

    assumptions.py

    assumptions.py should be a Python dictionary of depth 1 or 2.

    calibration_scheme.py

    calibration_scheme.py should be a Python list. Each element of this list specifies a calibration to run.

    Format:

    [
        {"name": "a_calibration"},
        
        {"name": "another_calibration",
         "substitutions": {"NAME":                "variant_in_camel_case",
                           "A_SUBSTITUTION":      "a_value",
                           "ANOTHER_SUBTITUTION": "another_value"}}
    ]
    • name: the calibration name
    • substitutions: an optional dictionary of substitutions; if present, NAME must be defined.

    Defining a calibration in qualib/calibrations/

    See https://qualib.readthedocs.io/en/latest/user_guide.html for further explanations.

    {calib_name}_template.meas.ini

    • Placeholders format: $parameter or $section/parameter, where section and parameter are alphanumeric strings (regex: [a-zA-Z0-9_]) and support substitutions
    • Examples: $averaging, $twpa/freq, $qubit/PULSE_LENGTH
    • See Calibration(DefaultCalibration).__init__ in {calib_name}_utils.py

    {calib_name}_utils.py

    template_{calib_name}.ipynb

    Typical Jupyter Notebook template:

    # Calibration name ({SUBSTITUTION})
    ## Result: {POST_PLACEHOLDER} unit
    
    # load experimental data
    file = h5py.File('HDF5_PATH', 'r', swmr=True)
    xdata = file['data']['x'][()]
    ydata = file['data']['y'][()];
    
    # fit experimental data
    popt, pcov = opt.curve_fit(function, xdata, ydata, guesses=(0, 1, 2))
    f'a, b, c = {popt}'
    
    # plot experimental data and curve fit(s)
    fig, ax = plt.subplots()
    ax.plot(xdata, ydata, '.-', label='Data')
    ax.plot(xdata, function(xdata, *popt), label=f'Fit: a = {popt[0]:f}')
    ax.legend();
    
    # optional interfaces: raise an exception when any(np.sqrt(np.diag(_cov)) >= 0.05*_opt)
    # where np.sqrt(np.diag(_cov)) gives the standard deviation on the optimized parameters
    _opt = popt
    _cov = pcov
    
    # optional interface: raises an exception when a specific condition is met
    _err = {'Custom error', _opt[0] < 0}
    
    # mandatory interface
    _results = {'a': popt[0]}
    _results

    This Jupyter notebook should be saved as calib_name_template.ipynb under qualib/calibrations/calib_name.

    Visit original content creator repository https://github.com/bastienvoirin/qualib
  • SkipYTAds

    SkipYTAds

    Hate YouTube ads but don’t want to use an ad blocker? You don’t mind those ads because some are good or introduces you to new things but you don’t want those extra long annoying ones? Well, here’s a python script just for that!

    I welcome advertisements because I discover new things I may not discover on my own so I don’t use ad blockers. However, I don’t want to manually skip every time when I’m working on something else at my desk or I’m watching something to relax. This script allows me to leave a video on and not have to tend to advertisements—specifically the ads that are 10+ minutes like the 1 hour ones or longer. (Why?! Why do these companies think anyone would want an ad that long??!)

    This script automatically searches for the skip button every 6 seconds (adjustable) and if there is a skippable ad, it’ll skip it for you. And if you’re in the middle of watching a skippable ad but interested in continuing, just press the pause button (before it does it’s thing) and it’ll pause the script. Then returns your cursor back to where it was (but does not refocus your original window; a desired feature possibly added).

    Best for when you are doing something not necessarily on PC and you have videos playing as background tv.

    !Important: The skip button has to be visible! It cannot be hidden behind another window.

    (A python script that uses python-imagesearch to search for matching various YouTube’s skip buttons and uses PyAutoGUI to click the button.)

    Table of Contents

    What this is and what this is NOT

    What this is: A simple script that auto skips YouTube ads handsfree. It can get in the way if you’re also doing something on your computer. What this is NOT: NOT an Adblocker. This is not an Adblocker in any way. And this is not a polished piece of program either. It’s got flaws.

    *See Specs & Dev note for further details.

    Prerequisites

    *To do. Python 3?

    Running the script

    In a cli, traverse into the directory and run $ py ./skip_ads.py or double click script to run.

    Alternatively, create a shortcut to either skip_ads.py or skip_ads_minimized.bat (for windows) to click to run or placed in startup folder for auto starts.

    Pausing/Unpausing script

    Press the keyboard pause button to toggle between pausing and resuming the script.

    Verbosity Modes

    Adjustable in file/overridable with cli arguments.
    ‘a’ = Show all outputs
    ‘t’ = Show toggle (pause/unpause) outputs & also when it skips an ad (Default)
    ‘q’ = Quiet
    Show all example: $ py .\skip_ad.py -v a

    Adjustable Interval

    Default interval is 6 seconds but is adjustable in file/overridable with cli arguments. Accepts float number greater than or equal to 1. $ py .\skip_ad.py -i 1

    Running multiple monitors?

    Use the opt_verify_corner_pos script to find out the position value of your top-left corner.
    I have a 2×2 setup where my bottom-right monitor is the main display. So, my top-left corner are negative values. My monitors are 2560×1080 so I have to override the screen min values like so override_screen_min = Point(-2560, -1080) in user settings section.

    If you’re like me with a 2×2 setup, uncomment all code sections under “Ref: Stick Corner Workaround”. This solution isn’t foolproof. It’s simply code that centers the cursor on my main monitor or the monitor above depending on where is the button/cursor destination and then moves it to avoid the center corners where it’s a little sticky by going horizontally/vertically rather than diagonally.

    Mismatched monitor sizes can cause problems.

    Compatibility

    Tested on Windows 10. Not tested on Linux/MacOS.

    Script is not browser dependent so you can use your favorite browser. (If button image is different size, screenshot and replace the original images.)

    Other settings

    accuracy accuracy of the image match. See python-imagesearch docs for more info. Default is 0.8. min: 0, max: 1 Accuracy is now 0.9 and not a settings anymore because anything less than ≈0.87 accuracy will have false positives with YT’s video titles with capital ‘A’.

    Ad not skipping? Want script to match other images to click?

    Note: The screenshots of the button is with a browser zoom at 90%. If your browser zoom is not 90%, replace with your own cropped screenshots.

    If button image is a different size or different color, the imagesearch will not match because it’s not an AI script; it literally matches pixels.

    Simply add additional or replace original images in the images folder. No need to add anything like “filename.png” in the script.

    Known issues

    • Does not match button when a (non-solid black color) video is in the background of the button. Basically anything that does not match any images in the images folder. This problem won’t be fixed in this project because that would require a different implementation (i.e. AI image recognition).
      Ideal working example Example of what will not work
      Ideal example Example of what will not work

    Features to implement

    • Set focus back to original window to minimize interruption
    • More robust solution
    • GUI notification for pause/resume
    • Run in background
    • Auto start up app

    Libraries used


    Specs

    What I wanted:

    • Skips ads for me so that I don’t have to physically do it for whatever reason
    • Does not completely block ads because I want to see some ads
    • Offer a way to stop from skipping

    Dev note

    This script may be clunky and not robust but it works to my specs. I wanted something that clicks the button for me when I’m doing stuff and have a video playing.

    It doesn’t work while in a game that centers your cursor and not allowing it outside of the window which I’m okay with.

    I don’t use ad blockers because I actually like to see some of the ads. But other ads like an ad of a tutorial on a brand of smart lights that is several minutes long is extremely displeasing. I DON’T OWN ANY. Why is an ad showing me how to use smart lights!? Just assuming that it’s popular or everyone owns them.

    ctypes is used even though pyautogui can also move cursor because I came across an issue when the click area is near edge/corner of 1 of my monitors at some point in making this script. So, I used ctypes and stuck with it and don’t care if it’s unnecessary.

    Visit original content creator repository https://github.com/reddtoric/SkipYTAds
  • deploy-plus

    deploy-plus

    前端一键自动化部署脚手架服务,支持开发、测试、生产多环境配置。配置好后一键即可自动完成部署。

    github

    https://github.com/chenchenwuai/deploy-plus

    1 安装

    全局安装 deploy-plus

    npm install deploy-plus -g

    本地安装 deploy-plus

    npm install deploy-plus --save-dev

    查看版本,表示安装成功

    deploy-plus -v

    注:本地安装的需要在调用前加 npx

    npx deploy-plus -v

    2 使用(以下代码都以全局安装为例)

    2.1 查看帮助

    deploy-plus -h

    2.2 init 初始化配置文件(在项目目录下)

    deploy-plus init -fy
    # 或者使用简写
    deploy-plus i -fy

    执行 deploy-plus i -h 获取使用帮助

    参数

    • -f --force 强制重新生成配置文件
    • -y --yes 全部设置为默认值, 如果后面跟字符串会被当作默认密码,例如: deploy-plus i -y my-password

    根据提示填写内容,会在项目根目录下生成 deploy.config.js 文件,初始化可根据选择的需要部署的环境生成 dev (开发环境)、test (测试环境)、prod (生产环境) 三个配置,再有其他配置可参考模板自行配置。

    如果生成文件时没有输入密码,或者没有默认密码,而后面又想设置密码时,请参考 2.3节 生成密码的加密字符串

    2.3 encrypt 加解密密码操作

    • 加密原始密码

    # 加密原始密码
    deploy-plus encrypt 123456
    # 或者使用简写
    deploy-plus e 123456

    加密成功后,控制台会打印出结果,请将结果填写到配置的password字段

    • 解密

    # 解密
    deploy-plus e decrypt xxxxx
    # 或者使用简写
    deploy-plus e -d xxxxx

    xxxxx 为加密密码生成的字符串

    执行 deploy-plus e -h 获取使用帮助

    2.4 deploy 部署文件到服务器

    deploy-plus deploy
    # 或者使用简写
    deploy-plus d
    deploy-plus d -by -m prod

    执行 deploy-plus d -h 获取使用帮助

    参数

    • -m --mode <mode> 设置部署模式,不设置此参数,则默认 dev,例如:deploy-plus d -m prod
    • -c --cluster 部署集群,设置此参数后会忽略 -m 参数
    • -b --build 设置此参数,会执行打包命令(需保证已填写打包命令配置)
    • -y --yes 跳过是否确定部署提示

    2.5 配置字段解析

    如需手动配置,只需要在项目根目录下手动创建 .deploy.config.js 文件,复制以下代码按情况修改即可。

    // 配置字段解析
    module.exports = {
      projectName: 'myProject', // 项目名称
      privateKey: '/Users/username/.ssh/id_rsa', // id_rsa文件路径
      passphrase: '',
      cluster: ['dev','test'], // 集群部署配置,要同时部署多台配置此属性如: ['dev', 'test', 'prod']
      dev: {
        // 环境对象
        name: '开发环境', // 环境名称
        script: 'npm run build', // 打包命令
        host: '192.168.0.1', // 服务器地址
        port: 22, // 服务器端口号
        username: 'root', // 服务器登录用户名
        password: '', // 服务器登录密码
        distPath: 'dist', // 本地打包生成目录
        webDir: '/usr/local/nginx/html', // 服务器部署路径(不可为空或"https://github.com/"或'/aaa',至少两级目录)
        isBackupRemoteFile: true	// 是否备份远程文件(默认true)
      },
      test: {
        name: '测试环境',
        script: 'npm run build:test',
        host: '192.168.0.1',
        port: 22, 
        username: 'root',
        password: '',
        distPath: 'dist',
        webDir: '/usr/local/nginx/html',
        isBackupRemoteFile: true
      },
      prod: {
        name: '生产环境',
        script: 'npm run build:prod',
        host: '192.168.0.1',
        port: 22,
        username: 'root',
        password: '',
        distPath: 'dist',
        webDir: '/usr/local/nginx/html',
        isBackupRemoteFile: true	
      }
    }

    2.6 本地安装扩展

    如果使用本地安装命令的话,可以在项目根目录下的 package.json 文件中 scripts 脚本中添加如下代码

    "scripts": {
      "deploy": "deploy-plus d",
      "deploy:dev": "deploy-plus d -b",
      "deploy:test": "deploy-plus d -b -m test",
      "deploy:prod": "deploy-plus d -b -m prod"
    }

    然后使用下面代码也可以完成部署操作

    npm run deploy:dev

    最后如果大家觉得还不错挺好用的话,麻烦给个 Star 😜😜😜。

    Visit original content creator repository
    https://github.com/chenchenwuai/deploy-plus

  • django-todo-frontend

    Getting Started with Create React App

    This project was bootstrapped with Create React App.

    Available Scripts

    In the project directory, you can run:

    npm start

    Runs the app in the development mode.
    Open http://localhost:3000 to view it in your browser.

    The page will reload when you make changes.
    You may also see any lint errors in the console.

    npm test

    Launches the test runner in the interactive watch mode.
    See the section about running tests for more information.

    npm run build

    Builds the app for production to the build folder.
    It correctly bundles React in production mode and optimizes the build for the best performance.

    The build is minified and the filenames include the hashes.
    Your app is ready to be deployed!

    See the section about deployment for more information.

    npm run eject

    Note: this is a one-way operation. Once you eject, you can’t go back!

    If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

    Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

    You don’t have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

    Learn More

    You can learn more in the Create React App documentation.

    To learn React, check out the React documentation.

    Code Splitting

    This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

    Analyzing the Bundle Size

    This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

    Making a Progressive Web App

    This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

    Advanced Configuration

    This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

    Deployment

    This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

    npm run build fails to minify

    This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

    Visit original content creator repository
    https://github.com/ManuC84/django-todo-frontend

  • markdown-to-anki-csv-converter

    <Markdown-to-Anki-CSV Converter Logo


    MIT License Top Language Latest Release

    Markdown-to-Anki-CSV Converter

    This repository contains a script to convert the LinkedIn “Skill Assessment Quizzes” from Ebazhanov which are in the Markdown format into csv files that can be imported into Anki as well as the converted files.

    Anki is a popular open-source flashcard program that follows a spaced-repetition approach so that users can learn topics more effectively in less time.

    Features

    This repository includes:

    • the script itself needed to convert all of Ebazhanov’s markdown files into a .csv file that can be imported into Anki. Any images referenced in the markdown files are copied into Anki’s collection.media folder and properly referenced in the flashcard. As of this writing, Anki does not support Markdown style code formatting such as [nums[j] for j in range(n) if bitmask[j] == '1']. Therefore, the code examples embedded in the flashcards are sometimes hard to read.
    • all of the Markdown file’s as ready to import .csv files

    Tools

    Purpose Name
    Programming language Python 3.10
    Version control system Git

    Installation Process

    To import the .csv files in Anki, it is assumed that you already have installed Anki.

    Open Anki and go to File -> Import or press Ctrl + Shift + I and select the .csv file you want to import. Make sure that you select as type Basic and that you toggle the Allow HTML in fields option. You will most likely also want to change the name of the deck from Default. Now you have imported the .csv file.

    If you want to convert the markdown files for yourself, it is assumed that your operating system is Windows and that you have installed Python and Git .

    Clone this repository with the following command:

    git clone https://github.com/johanneshagspiel/markdown-to-anki-csv-converter.git
    

    You will also need Ebazhanov’s markdown files. First go into the resources folder:

    cd resources
    

    In case there is already a linkedin-skill-assessments-quizzes folder, delete it. Now clone Ebazhanov’s repository with:

    git clone https://github.com/Ebazhanov/linkedin-skill-assessments-quizzes.git
    

    Lastly, you need to add the path to the collection.media folder of your Anki installation in the main method. Most likely, you can find this directory at:

    C:\Users\@Username\AppData\Roaming\Anki2\@Username\collection.media
    

    Now you can run the main method and convert the Markdown files yourself.

    Licence

    This “Markdown-to-Anki-CSV Converter” script is published under the MIT licence, which can be found in the LICENSE file.

    References

    The LinkedIn, Markdown, Anki and CSV logos were all taken from Wikimedia.

    Visit original content creator repository https://github.com/johanneshagspiel/markdown-to-anki-csv-converter
  • AR_UniversityOfMadras_Android

    What is AR?

    Augmented reality (AR) is the real-time use of information in the form of text, graphics, audio and other virtual enhancements integrated with real-world objects. It is this “real world” element that differentiates AR from virtual reality. AR integrates and adds value to the user’s interaction with the real world, versus a simulation.

    About University Of Madras

    The Public Petition dated 11-11-1839 initiated the establishment of Madras University. It was in January 1840 with Mr.George Norton as its President, that the University Board was constituted. In 1854 after a lapse of 14 years, the Government of India formulated a systematic educational policy for India and as a sequel to this on 5th September 1857 by an Act of Legislative Council of India, the University was established. The University was organised in the model of London University.

    Madras University is the mother of almost all the old Universities of south India. The University area of jurisdiction has been confined to three districts of Tamil Nadu in recent years. This is consequent to establishment of various universities in the State and demarcation of the University territories. This University has been growing from strength to strength while widening its teaching and research activities.

    About the Project

    In this project, the entire 3D models were created by Revit Autodesk and the ETL was used to convert the Revit file format to the Unity Supports .fbx file format. Through Unity3D the AR app was created for Android devices, using this app anyone can able to view the entire UNOM Guindy campus in the mode of AR by simply installing the below given .apk on their Android device.

    Pre-Requirements

    1. Android Device that supports the AR with Android 7.0 or above.

    User guide

    1. After installing the app, open and give the Camera access for the first time.

    2. Point the camera to the flat surface and wait for the app to detect the surface.

    3. Once the app shows the surface maker, tap the marker to place the AR model.

    4. Users can enlarge the model by pinching and swapping the two fingers on the model.

    5. Users can rotate the model by swapping the two fingers in a particular direction on the model.

    6. Users can move the model by holding and swapping a single finger on the model to the new surface.

    Link to Download the App

    https://drive.google.com/file/d/1diNY-BwPASl-ClzXeSiL5SVVvjmwja-D/view?usp=share_link

    Project Screenshots

    Screenshot_2022-11-21-11-06-40-892_com Venkatesh MadrasUniversity

    Screenshot_2022-11-21-11-07-31-644_com Venkatesh MadrasUniversity

    Screenshot_2022-11-21-11-08-25-862_com Venkatesh MadrasUniversity

    Screenshot_2022-11-21-11-09-40-438_com Venkatesh MadrasUniversity

    Screenshot_2022-11-21-11-11-05-267_com Venkatesh MadrasUniversity

    Visit original content creator repository https://github.com/venkateshkannayiram/AR_UniversityOfMadras_Android
  • html2canvas

    html2canvas

    Homepage | Downloads | Questions

    Gitter CI NPM Downloads NPM Version

    JavaScript HTML renderer

    The script allows you to take “screenshots” of webpages or parts of it, directly on the users browser. The screenshot is based on the DOM and as such may not be 100% accurate to the real representation as it does not make an actual screenshot, but builds the screenshot based on the information available on the page.

    How does it work?

    The script renders the current page as a canvas image, by reading the DOM and the different styles applied to the elements.

    It does not require any rendering from the server, as the whole image is created on the client’s browser. However, as it is heavily dependent on the browser, this library is not suitable to be used in nodejs. It doesn’t magically circumvent any browser content policy restrictions either, so rendering cross-origin content will require a proxy to get the content to the same origin.

    The script is still in a very experimental state, so I don’t recommend using it in a production environment nor start building applications with it yet, as there will be still major changes made.

    Browser compatibility

    The library should work fine on the following browsers (with Promise polyfill):

    • Firefox 3.5+
    • Google Chrome
    • Opera 12+
    • IE9+
    • Safari 6+

    As each CSS property needs to be manually built to be supported, there are a number of properties that are not yet supported.

    Usage

    The html2canvas library utilizes Promises and expects them to be available in the global context. If you wish to support older browsers that do not natively support Promises, please include a polyfill such as es6-promise before including html2canvas.

    To render an element with html2canvas, simply call: html2canvas(element[, options]);

    The function returns a Promise containing the <canvas> element. Simply add a promise fulfillment handler to the promise using then:

    html2canvas(document.body).then(function(canvas) {
        document.body.appendChild(canvas);
    });
    

    Building

    You can download ready builds here.

    Clone git repository:

    $ git clone git://github.com/niklasvh/html2canvas.git
    

    Install dependencies:

    $ npm install
    

    Build browser bundle

    $ npm run build
    

    Examples

    For more information and examples, please visit the homepage or try the test console.

    Contributing

    If you wish to contribute to the project, please send the pull requests to the develop branch. Before submitting any changes, try and test that the changes work with all the support browsers. If some CSS property isn’t supported or is incomplete, please create appropriate tests for it as well before submitting any code changes.

    Visit original content creator repository https://github.com/niklasvh/html2canvas