A React-based library for creating sleek presentations using JSX syntax that gives you the ability to live demo your code.

Great for live coding presentations, impressing your friends, or just trying to look busy at work.

Example files from my recent presentation at FullFrontal, now updated for my latest preso at GothamJS

Create live-coding HTML5-based presentations and workshops

A live-coding presentation on music theory and Bach's "Canone alla Quarta".

A "pseudo-interactive" python console for live coding in presentations

line-oriented presentation-optimized live coding in javascript

Sample code used in a live coding presentation at Front End Design Conference.

Files associated with my live seminar "Java® Full Throttle: A One-Day, Code-Intensive Java Standard Edition Presentation"

Windows Desktop Duplication Tool for live coding presentations in C++2a

Code used in the live coding presentations

Reference sample for a presentation tool that can show live coded Knockout samples

Playground for creating crystal presentations with live coding

# Awesome Keycloak [](https://github.com/sindresorhus/awesome) # [<img src="https://www.keycloak.org/resources/images/keycloak_logo_480x108.png">](https://github.com/thomasdarimont/awesome-keycloak) > Carefully curated list of awesome Keycloak resources. A curated list of resources for learning about the Open Source Identity and Access Management solution Keycloak. Contains books, websites, blog posts, links to github Repositories. # Contributing Contributions welcome. Add links through pull requests or create an issue to start a discussion. [Please refer to the contributing guide for details](CONTRIBUTING.md). # Contents * [General](#general) * [Documentation](#docs) * [Keycloak Website](http://www.keycloak.org) * [Current Documentation](http://www.keycloak.org/documentation.html) * [Archived Documentation](http://www.keycloak.org/documentation-archive.html) * [Mailing Lists](#mailing-lists) * [User Mailing List](#user-mailing-list) * [Developer Mailing List](#dev-mailing-list) * [Mailing List Search](#mailing-list-search) * [Books](#books) * [Articles](#articles) * [Talks](#talks) * [Presentations](#presentations) * [Video Playlists](#video-playlists) * [Community Extensions](#community-extensions) * [Integrations](#integrations) * [Themes](#themes) * [Docker](#docker) * [Deployment Examples](#deployment-examples) * [Example Projects](#example-projects) * [Benchmarks](#benchmarks) * [Help](#help) * [Commercial Offerings](#commercial-offerings) * [Miscellaneous](#miscellaneous) # General ## Documentation * [Keycloak Website](http://www.keycloak.org/) * [Current Documentation](http://www.keycloak.org/documentation.html) * [Archived Documentation](http://www.keycloak.org/documentation-archive.html) * [Product Documentation for Red Hat Single Sign-On](https://access.redhat.com/documentation/en/red-hat-single-sign-on/) ## Discussion Groups and Mailing Lists * [Keycloak Users Google Group](https://groups.google.com/forum/#!forum/keycloak-user) * [Keycloak Developers Google Group](https://groups.google.com/forum/#!forum/keycloak-dev) * [Keycloak Discourse Group](https://keycloak.discourse.group/) * [Keycloak Developer Chat](https://keycloak.zulipchat.com) * [Inactive - User Mailing List](https://lists.jboss.org/mailman/listinfo/keycloak-user) * [Inactive - Developer Mailing List](https://lists.jboss.org/mailman/listinfo/keycloak-dev) * [Mailing List Search](http://www.keycloak.org/search) * [Keycloak Subreddit](https://www.reddit.com/r/keycloak) ## Books * [Keycloak - Identity and Access Management for Modern Applications](https://www.packtpub.com/product/keycloak-identity-and-access-management-for-modern-applications/9781800562493) ## Articles * [How to get Keycloak working with Docker](https://www.ivonet.nl/2015/05/23/Keycloak-Docker/) * [Single-Sign-On for Microservices and/or Java EE applications with Keycloak SSO](http://www.n-k.de/2016/06/keycloak-sso-for-microservices.html) * [Keycloak Admin Client(s) - multiple ways to manage your SSO system](http://www.n-k.de/2016/08/keycloak-admin-client.html) * [How to get the AccessToken of Keycloak in Spring Boot and/or Java EE](http://www.n-k.de/2016/05/how-to-get-accesstoken-from-keycloak-springboot-javaee.html) * [JWT authentication with Vert.x, Keycloak and Angular 2](http://paulbakker.io/java/jwt-keycloak-angular2/) * [Authenticating via Kerberos with Keycloak and Windows 2008 Active Directory](http://matthewcasperson.blogspot.de/2015/07/authenticating-via-kerberos-with.html) * [Deploying Keycloak with Ansible](https://adam.younglogic.com/2016/01/deploying-keycloak-via-ansible/) * [Easily secure your Spring Boot applications with Keycloak](https://developers.redhat.com/blog/2017/05/25/easily-secure-your-spring-boot-applications-with-keycloak/) * [How Red Hat re-designed its Single Sign On (SSO) architecture, and why](https://developers.redhat.com/blog/2016/10/04/how-red-hat-re-designed-its-single-sign-on-sso-architecture-and-why/) * [OAuth2, JWT, Open-ID Connect and other confusing things](http://giallone.blogspot.de/2017/06/oath2.html) * [X509 Authentication with Keycloak and JBoss Fuse](https://sjhiggs.github.io/fuse/sso/x509/smartcard/2017/03/29/fuse-hawtio-keycloak.html) * [Running Keycloak on OpenShift 3](https://medium.com/@sbose78/running-keycloak-on-openshift-3-8d195c0daaf6) * [Introducing Keycloak for Identity and Access Management](https://www.thomasvitale.com/introducing-keycloak-identity-access-management/) * [Keycloak Basic Configuration for Authentication and Authorisation](https://www.thomasvitale.com/keycloak-configuration-authentication-authorisation/) * [Keycloak on OpenShift Origin](https://medium.com/@james_devcomb/keycloak-on-openshift-origin-ee81d01dac97) * [Identity Management, One-Time-Passwords and Two-Factor-Auth with Spring Boot and Keycloak](http://www.hascode.com/2017/11/identity-management-one-time-passwords-and-two-factor-auth-with-spring-boot-and-keycloak/) * [Keycloak Identity Brokering with Openshift](https://developers.redhat.com/blog/2017/12/06/keycloak-identity-brokering-openshift/) * [OpenID Connect Identity Brokering with Red Hat Single Sign-On](https://developers.redhat.com/blog/2017/10/18/openid-connect-identity-brokering-red-hat-single-sign/) * [Authentication & user management is hard](https://eclipsesource.com/blogs/2018/01/11/authenticating-reverse-proxy-with-keycloak/) * [Securing Nginx with Keycloak](https://edhull.co.uk/blog/2018-06-06/keycloak-nginx) * [Secure kibana dashboards using keycloak](https://aboullaite.me/secure-kibana-keycloak/) * [Configuring NGINX for OAuth/OpenID Connect SSO with Keycloak/Red Hat SSO](https://developers.redhat.com/blog/2018/10/08/configuring-nginx-keycloak-oauth-oidc/) * [Keycloak Clustering Setup and Configuration Examples](https://github.com/fit2anything/keycloak-cluster-setup-and-configuration) * [MicroProfile JWT with Keycloak](https://kodnito.com/posts/microprofile-jwt-with-keycloak/) * [Keycloak Essentials](https://medium.com/keycloak/keycloak-essentials-86254b2f1872) * [SSO-session failover with Keycloak and AWS S3](https://medium.com/@georgijsr/sso-session-failover-with-keycloak-and-aws-s3-e0b1db985e12) * [KTOR and Keycloak: authentication with OpenId](https://medium.com/slickteam/ktor-and-keycloak-authentication-with-openid-ecd415d7a62e) * [Keycloak: Core concepts of open source identity and access management](https://developers.redhat.com/blog/2019/12/11/keycloak-core-concepts-of-open-source-identity-and-access-management) * [Who am I? Keycloak Impersonation API](https://blog.softwaremill.com/who-am-i-keycloak-impersonation-api-bfe7acaf051a) * [Setup Keycloak Server on Ubuntu 18.04](https://medium.com/@hasnat.saeed/setup-keycloak-server-on-ubuntu-18-04-ed8c7c79a2d9) * [Getting started with Keycloak](https://robferguson.org/blog/2019/12/24/getting-started-with-keycloak/) * [Angular, OpenID Connect and Keycloak](https://robferguson.org/blog/2019/12/29/angular-openid-connect-keycloak/) * [Angular, OAuth 2.0 Scopes and Keycloak](https://robferguson.org/blog/2019/12/31/angular-oauth2-keycloak/) * [Keycloak, Flowable and OpenLDAP](https://robferguson.org/blog/2020/01/03/keycloak-flowable-and-openldap/) * [How to exchange token from an external provider to a keycloak token](https://www.mathieupassenaud.fr/token-exchange-keycloak/) * [Building an Event Listener SPI (Plugin) for Keycloak](https://dev.to/adwaitthattey/building-an-event-listener-spi-plugin-for-keycloak-2044) * [Keycloak user migration – connect your legacy authentication system to Keycloak](https://codesoapbox.dev/keycloak-user-migration/) * [Keycloak Authentication and Authorization in GraphQL](https://medium.com/@darahayes/keycloak-authentication-and-authorization-in-graphql-ad0a1685f7da) * [Kong / Konga / Keycloak: securing API through OIDC](https://github.com/d4rkstar/kong-konga-keycloak) * [KeyCloak: Custom Login theme](https://codehumsafar.wordpress.com/2018/09/11/keycloak-custom-login-theme/) * [Keycloak: Use background color instead of background image in Custom Login theme](https://codehumsafar.wordpress.com/2018/09/21/keycloak-use-background-color-instead-of-background-image-in-custom-login-theme/) * [How to turn off the Keycloak theme cache](https://keycloakthemes.com/blog/how-to-turn-off-the-keycloak-theme-cache) * [How to add a custom field to the Keycloak registration page](https://keycloakthemes.com/blog/how-to-add-custom-field-keycloak-registration-page) * [How to setup Sign in with Google using Keycloak](https://keycloakthemes.com/blog/how-to-setup-sign-in-with-google-using-keycloak) * [How to sign in users on Keycloak using Github](https://keycloakthemes.com/blog/how-to-sign-in-users-on-keycloak-using-github) * [Extending Keycloak SSO Capabilities with IBM Security Verify](https://community.ibm.com/community/user/security/blogs/jason-choi1/2020/06/10/extending-keycloak-sso-capabilities-with-ibm-secur) * [AWS SAML based User Federation using Keycloak](https://medium.com/@karanbir.tech/aws-connect-saml-based-identity-provider-using-keycloak-9b3e6d0111e6) * [AWS user account OpenID federation using Keycloak](https://medium.com/@karanbir.tech/aws-account-openid-federation-using-keycloak-40d22b952a43) * [How to Run Keycloak in HA on Kubernetes](https://blog.sighup.io/keycloak-ha-on-kubernetes/) * [How to create a Keycloak authenticator as a microservice?](https://medium.com/application-security/how-to-create-a-keycloak-authenticator-as-a-microservice-ad332e287b58) * [keycloak.ch | Installing & Running Keycloak](https://keycloak.ch/keycloak-tutorials/tutorial-1-installing-and-running-keycloak/) * [keycloak.ch | Configuring Token Exchange using the CLI](https://keycloak.ch/keycloak-tutorials/tutorial-token-exchange/) * [keycloak.ch | Configuring WebAuthn](https://keycloak.ch/keycloak-tutorials/tutorial-webauthn/) * [keycloak.ch | Configuring a SwissID integration](https://keycloak.ch/keycloak-tutorials/tutorial-swissid/) * [Getting Started with Service Accounts in Keycloak](https://medium.com/@mihirrajdixit/getting-started-with-service-accounts-in-keycloak-c8f6798a0675) * [Building cloud native apps: Identity and Access Management](https://dev.to/lukaszbudnik/building-cloud-native-apps-identity-and-access-management-1e5m) * [X.509 user certificate authentication with Red Hat’s single sign-on technology](https://developers.redhat.com/blog/2021/02/19/x-509-user-certificate-authentication-with-red-hats-single-sign-on-technology) * [Grafana OAuth with Keycloak and how to validate a JWT token](https://janikvonrotz.ch/2020/08/27/grafana-oauth-with-keycloak-and-how-to-validate-a-jwt-token/) * [How to setup a Keycloak server with external MySQL database on AWS ECS Fargate in clustered mode](https://jbjerksetmyr.medium.com/how-to-setup-a-keycloak-server-with-external-mysql-database-on-aws-ecs-fargate-in-clustered-mode-9775d01cd317) * [Extending Keycloak: adding API key authentication](http://www.zakariaamine.com/2019-06-14/extending-keycloak) * [Extending Keycloak: using a custom email sender](http://www.zakariaamine.com/2019-07-14/extending-keycloak2) * [Integrating Keycloak and OPA with Confluent](https://goraft.tech/2021/03/17/integrating-keycloak-and-opa-with-confluent.html) * [UMA 2.0 : User Managed Access - how to use it with bash](https://blog.please-open.it/uma/) ## Talks * [JDD2015 - Keycloak Open Source Identity and Access Management Solution](https://www.youtube.com/watch?v=TuEkj25lbd0) * [2015 Using Tomcat and Keycloak in an iFrame](https://www.youtube.com/watch?v=nF_lw7uIxao) * [2016 You've Got Microservices Now Secure Them](https://www.youtube.com/watch?v=SfVhqf-rMQY) * [2016 Keycloak: Open Source Single Sign On - Sebastian Rose - AOE conf (german)](https://www.youtube.com/watch?v=wbKw0Bwyne4) * [2016 Sécuriser ses applications back et front facilement avec Keycloak (french)](https://www.youtube.com/watch?v=bVidgluUcg0) * [2016 Keycloak and Red Hat Mobile Application Platform](https://www.youtube.com/watch?v=4NBgiHM5aOA) * [2016 Easily secure your Front and back applications with KeyCloak](https://www.youtube.com/watch?v=RGp4HUKikts) * [2017 Easily secure your Spring Boot applications with Keycloak - Part 1](https://developers.redhat.com/video/youtube/vpgRTPFDHAw/) * [2017 Easily secure your Spring Boot applications with Keycloak - Part 2](https://developers.redhat.com/video/youtube/O5ePCWON08Y/) * [2018 How to secure your Spring Apps with Keycloak by Thomas Darimont @ Spring I/O 2018](https://www.youtube.com/watch?v=haHFoeWUj0w) * [2018 DevNation Live | A Deep Dive into Keycloak](https://www.youtube.com/watch?v=ZxpY_zZ52kU) * [2018 IDM Europe: WSO2 Identity Server vs. Keycloak (Dmitry Kann)](https://www.youtube.com/watch?v=hnjBiGsEDoU) * [2018 JPrime|Building an effective identity and access management architecture with Keycloak (Sebastien Blanc)](https://www.youtube.com/watch?v=bMqcGkCvUVQ) * [2018 WJAX| Sichere Spring-Anwendungen mit Keycloak](https://www.youtube.com/watch?v=6Z490EMcafs) * [2019 Spring I/O | Secure your Spring Apps with Keycloak](https://www.youtube.com/watch?v=KrOd5wIkqls) * [2019 DevoxxFR | Maitriser sa gestion de l'identité avec Keycloak (L. Benoit, T. Recloux, S. Blanc)](https://www.youtube.com/watch?v=0cziL__0-K8) * [2019 DevConf | Fine - Grained Authorization with Keycloak SSO (Marek Posolda)](https://www.youtube.com/watch?v=yosg4St0iUw) * [2019 VoxxedDays Minsk | Bilding an effective identity and access management architecture with Keycloak (Sebastien Blanc)](https://www.youtube.com/watch?v=RupQWmYhrLA) * [2019 Single-Sign-On Authentifizierung mit dem Keycloak Identity Provider | jambit CoffeeTalk](https://www.youtube.com/watch?v=dnY6ORaFNY8) * [2020 Keycloak Team | Keycloak Pitch](https://www.youtube.com/watch?v=GZTN_VXjoQw) * [2020 Keycloak Team | Keycloak Overview](https://www.youtube.com/watch?v=duawSV69LDI) * [2020 Please-open.it : oauth2 dans le monde des ops (french)](https://www.youtube.com/watch?v=S-9X50QajmY) ## Presentations * [Keycloak 101](https://stevenolen.github.io/kc101-talk/#1) ## Video Playlists * [Keycloak Identity and Access Management by Łukasz Budnik](https://www.youtube.com/playlist?list=PLPZal7ksxNs0mgScrJxrggEayV-TPZ9sA) * [Keycloak by Niko Köbler](https://www.youtube.com/playlist?list=PLNn3plN7ZiaowUvKzKiJjYfWpp86u98iY) * [Keycloak Playlist by hexaDefence](https://youtu.be/35bflT_zxXA) * [Keycloak Tutorial Series by CodeLens](https://www.youtube.com/watch?v=Lr9WeIMtFow&list=PLeGNmkzI56BTjRxNGxUhh4k30FD_gy0pC) ## Clients * [Official Keycloak Node.js Admin Client](https://github.com/keycloak/keycloak-admin-client/) ("Extremely Experimental") * [Keycloak Node.js TypeScript Admin Client by Canner](https://github.com/Canner/keycloak-admin/) * [Keycloak Go Client by Cloudtrust](https://github.com/cloudtrust/keycloak-client) * [Keycloak Nest.js Admin Client by Relevant Fruit](https://github.com/relevantfruit/nestjs-keycloak-admin) ## Community Extensions * [Keycloak Extensions List](https://www.keycloak.org/extensions.html) * [Keycloak Benchmark Project](https://github.com/keycloak/keycloak-benchmark) * [Keycloak: Link IdP Login with User Provider](https://github.com/ohioit/keycloak-link-idp-with-user) * [Client Owner Manager: Control who can edit a client](https://github.com/cyclone-project/cyclone-client-registration) * [Keyloak Proxy written in Go](https://github.com/gambol99/keycloak-proxy) * [Script based ProtocolMapper extension for SAML](https://github.com/cloudtrust/keycloak-client-mappers) * [Realm export REST resource by Cloudtrust](https://github.com/cloudtrust/keycloak-export) * [Keycloak JDBC Ping Setup by moremagic](https://github.com/moremagic/keycloak-jdbc-ping) * [SMS 2 Factor Authentication for Keycloak via AWS SNS](https://github.com/nickpack/keycloak-sms-authenticator-sns) * [SMS 2 Factor Authentiation for Keycloak via SMS by Alliander](https://github.com/Alliander/keycloak-sms-authenticator) * [Identity Provider for vk.com](https://github.com/mrk08/keycloak-vk) * [CAS Protocol Support](https://github.com/Doccrazy/keycloak-protocol-cas) * [WS-FED Support](https://github.com/cloudtrust/keycloak-wsfed) * [Keycloak Discord Support](https://github.com/wadahiro/keycloak-discord) * [Keycloak Login with User Attribute](https://github.com/cnieg/keycloak-login-attribute) * [zonaut/keycloak-extensions](https://github.com/zonaut/keycloak-extensions) * [leroyguillaume/keycloak-bcrypt](https://github.com/leroyguillaume/keycloak-bcrypt) * [SPI Authenticator in Nodejs](https://www.npmjs.com/package/keycloak-rest-authenticator) * [Have I Been Pwned? Keycloak Password Policy](https://github.com/alexashley/keycloak-password-policy-have-i-been-pwned) * [Keycloak Eventlistener for Google Cloud Pub Sub](https://github.com/acesso-io/keycloak-event-listener-gcpubsub) * [Enforcing Password policy based on attributes of User Groups](https://github.com/sayedcsekuet/keycloak-user-group-based-password-policy) * [Verify Email with Link or Code by hokumski](https://github.com/hokumski/keycloak-verifyemailwithcode) * [Role-based Docker registry authentication](https://github.com/lifs-tools/keycloak-docker-role-mapper) * [SCIM for keycloak](https://github.com/Captain-P-Goldfish/scim-for-keycloak) * [Keycloak Kafka Module](https://github.com/SnuK87/keycloak-kafka) ## Integrations * [Official Keycloak Node.js Connect Adapter](https://github.com/keycloak/keycloak-nodejs-connect) * [Keycloak support for Aurelia](https://github.com/waynepennington/aurelia-keycloak) * [Keycloak OAuth2 Auth for PHP](https://github.com/stevenmaguire/oauth2-keycloak) * [Jenkins Keycloak Authentication Plugin](https://github.com/jenkinsci/keycloak-plugin) * [Meteor Keycloak Accounts](https://github.com/mxab/meteor-keycloak) * [HapiJS Keycloak Auth](https://github.com/felixheck/hapi-auth-keycloak) * [zmartzone mod_auth_openidc for Apache 2.x](https://github.com/zmartzone/mod_auth_openidc) * [Duo Security MFA Authentication for Keycloak](https://github.com/mulesoft-labs/keycloak-duo-spi) * [Extension Keycloak facilitant l'utilisation de FranceConnect](https://github.com/InseeFr/Keycloak-FranceConnect) * [Ambassador Keycloak Support](https://www.getambassador.io/reference/idp-support/keycloak/) * [Keycloak Python Client](https://github.com/akhilputhiry/keycloak-client) * [Keycloak Terraform Provider](https://github.com/mrparkers/terraform-provider-keycloak) * [Keycloak ADFS OpenID Connect](https://www.michaelboeynaems.com/keycloak-ADFS-OIDC.html) * [React/NextJS Keycloak Bindings](https://github.com/panz3r/react-keycloak) * [Keycloak Open-Shift integration](https://github.com/keycloak/openshift-integration) * [Keycloak, Kong and Konga setup scripts (local development)](https://github.com/JaouherK/Kong-konga-Keycloak) * [SSO for Keycloak and Nextcloud with SAML](https://stackoverflow.com/questions/48400812/sso-with-saml-keycloak-and-nextcloud) * [Keycloak Connect GraphQL Adapter for Node.js](https://github.com/aerogear/keycloak-connect-graphql) * [python-keycloak](https://github.com/marcospereirampj/python-keycloak) * [Keycloak and PrivacyId3a docker-compose (local development)](https://github.com/JaouherK/keycloak-privacyIdea) * [Nerzal/gocloak Golang Keycloak API Package](https://github.com/Nerzal/gocloak) * [Apple Social Identity Provider for Keycloak](https://github.com/BenjaminFavre/keycloak-apple-social-identity-provider) ## Quick demo Videos * [Keycloak with istio envoy jwt-auth proxy](https://www.youtube.com/watch?v=wscX7JMfuBI) ## Themes * [Community Keycloak Ionic Theme](https://github.com/lfryc/keycloak-ionic-theme) * [A Keycloak theme based on the AdminLTE UI library](https://github.com/MAXIMUS-DeltaWare/adminlte-keycloak-theme) * [GOV.UK Theme](https://github.com/UKHomeOffice/keycloak-theme-govuk) * [Carbon Design](https://github.com/httpsOmkar/carbon-keycloak-theme) * [Modern](https://keycloakthemes.com/themes/modern) * [Adminlte](https://git.uptic.nl/uptic-public-projects/uptic-keyclock-theme-adminlte) * [keycloakify: Create Keycloak themes using React](https://github.com/InseeFrLab/keycloakify) ## Docker * [Official Keycloak Docker Images](https://github.com/jboss-dockerfiles/keycloak) * [Keycloak Examples as Docker Image](https://hub.docker.com/r/jboss/keycloak-examples) * [Keycloak Maven SDK for managing the entire lifecycle of your extensions with Docker](https://github.com/OpenPj/keycloak-docker-quickstart) ## Kubernetes * [Deprecated Keycloak Helm Chart](https://github.com/codecentric/helm-charts/tree/master/charts/keycloak) * [codecentric Keycloak Helm Chart](https://github.com/codecentric/helm-charts/tree/master/charts/keycloak) * [Import / Export Keycloak Config](https://gist.github.com/unguiculus/19618ef57b1863145262191944565c9d) * [keycloak-operator](https://github.com/keycloak/keycloak-operator) ## Tools * [keycloakmigration: Manage your Keycloak configuration with code](https://github.com/klg71/keycloakmigration) * [tool to autogenerate an OpenAPI Specification for Keycloak's Admin API](https://github.com/ccouzens/keycloak-openapi) * [oidc-bash-client](https://github.com/please-openit/oidc-bash-client) * [louketo-proxy (FKA Gatekeeper)](https://github.com/louketo/louketo-proxy) * [keycloak-config-cli: Configuration as Code for Keycloak](https://github.com/adorsys/keycloak-config-cli) * [Keycloak Pulumi](https://github.com/pulumi/pulumi-keycloak) * [Keycloak on AWS](https://github.com/aws-samples/keycloak-on-aws) * [aws-cdk construct library that allows you to create KeyCloak on AWS in TypeScript or Python](https://github.com/aws-samples/cdk-keycloak) * [keycloak-scanner Python CLI](https://github.com/NeuronAddict/keycloak-scanner) ## Deployment Examples * [Keycloak deployment with CDK on AWS with Fargate](https://github.com/aws-samples/cdk-keycloak) ## Example Projects * [Examples from Keycloak Book: Keycloak - Identity and Access Management for Modern Applications](https://github.com/PacktPublishing/Keycloak-Identity-and-Access-Management-for-Modern-Applications) * [Official Examples](https://github.com/keycloak/keycloak/tree/master/examples) * [Keycloak Quickstarts](https://github.com/keycloak/keycloak-quickstarts) * [Drupal 7.0 with Keycloak](https://gist.github.com/thomasdarimont/17fa146c4fb5440d7fc2ee6322ec392d) * [Securing Realm Resources With Custom Roles](https://github.com/dteleguin/custom-admin-roles) * [BeerCloak: a comprehensive KeyCloak extension example](https://github.com/dteleguin/beercloak) * [KeyCloak Extensions: Securing Realm Resources With Custom Roles](https://github.com/dteleguin/custom-admin-roles) * [Red Hat Single Sign-On Labs](https://github.com/RedHatWorkshops/red-hat-sso) * [Spring Boot Keycloak Tutorial](https://github.com/sebastienblanc/spring-boot-keycloak-tutorial) * [Custom Keycloak Docker Image of Computer Science House of RIT](https://github.com/ComputerScienceHouse/keycloak-docker) * [Example of custom password hash SPI for Keycloak](https://github.com/pavelbogomolenko/keycloak-custom-password-hash) * [Example for a custom http-client-provider with Proxy support](https://github.com/xiaoyvr/custom-http-client-provider) * [Monitor your keycloak with prometheus](https://github.com/larscheid-schmitzhermes/keycloak-monitoring-prometheus) * [Custom User Storage Provider .ear with jboss-cli setup](https://github.com/thomasdarimont/keycloak-user-storage-provider-demo) * [Keycloak - Experimental extensions by Stian Thorgersen/Keycloak](https://github.com/stianst/keycloak-experimental) * [Securing Spring Boot Admin & Actuator Endpoints with Keycloak](https://github.com/thomasdarimont/spring-boot-admin-keycloak-example) * [A Keycloak Mobile Implementation using Angular v4 and Ionic v3](https://github.com/tomjackman/keyonic-v2) * [Example for Securing Apps with Keycloak on Kubernetes](https://github.com/stianst/demo-kubernetes) * [Example for Securing AspDotNet Core Apps with Keycloak](https://github.com/thomasdarimont/kc-dnc-demo) * [Example for passing custom URL parameters to a Keycloak theme for dynamic branding](https://github.com/dteleguin/keycloak-dynamic-branding) * [Angular Webapp secured with Keycloak](https://github.com/CodepediaOrg/bookmarks.dev) * [Keycloak Theme Development Kit](https://github.com/anthonny/kit-keycloak-theme) * [Keycloak Clustering examples](https://github.com/ivangfr/keycloak-clustered) * [Keycloak Last Login Date Event Listener](https://github.com/ThoreKr/keycloak-last-login-event-listener) * [Keycloak Project Example (Customizations, Extensions, Configuration)](https://github.com/thomasdarimont/keycloak-project-example) * [Example of adding API Key authentication to Keycloak](https://github.com/zak905/keycloak-api-key-demo) ## Benchmarks * [Gatling based Benchmark by @rvansa](https://github.com/rvansa/keycloak-benchmark) ## Help * [Keycloak on Stackoverflow](https://stackoverflow.com/questions/tagged/keycloak) ## Commercial Offerings * [Red Hat Single Sign-On](https://access.redhat.com/products/red-hat-single-sign-on) * [INTEGSOFT UNIFIED USER CREDENTIALS WITH KEYCLOAK SSO](https://www.integsoft.cz/en/sso.html#what-is-sso) * [JIRA SSO Plugin by codecentric](https://marketplace.atlassian.com/plugins/de.codecentric.atlassian.oidc.jira-oidc-plugin/server/overview) * [Keycloak Competence Center by Inventage AG](https://keycloak.ch/) * [Keycloak as a Service](https://www.cloud-iam.com) ## Miscellaneous * [Find sites using Keycloak with google](https://www.google.de/search?q=inurl%3Aauth+inurl%3Arealms+inurl%3Aprotocol&oq=inurl%3A&client=ubuntu&sourceid=chrome&ie=UTF-8) * [Keycloak Dev Bookmarks](http://bookmarks.dev/search?q=keycloak) - Use the tag [keycloak](https://www.bookmarks.dev/tagged/keycloak) * [Use fail2ban to block brute-force attacks to keycloak server](https://gist.github.com/drmalex07/3eba8b98d0ac4a1e821e8e721b3e1816) * [Pentest-Report Keycloak 8.0 Audit & Pentest 11.2019 by Cure53](https://cure53.de/pentest-report_keycloak.pdf) * [Keycloak - CNCF Security SIG - Self Assesment](https://docs.google.com/document/d/14IIGliP3BWjdS-0wfOk3l_1AU8kyoSiLUzpPImsz4R0/edit#) # License [](https://creativecommons.org/publicdomain/zero/1.0/) To the extent possible under law, [Thomas Darimont](https://github.com/thomasdarimont) has waived all copyright and related or neighboring rights to this work.

Code repository for my C++20 Full Throttle (Part 1) live training—A one-day, presentation-only, code-intensive Intro to C++20 core language fundamentals, arrays, strings, vectors, pointers, and object-oriented programming (details at https://learning.oreilly.com/live-events/c20-full-throttle-with-paul-deitel/0636920092682/)

Centralized repository of my Blazor apps with Machine Intelligence (Statistics, Analytics, Machine Learning, AI, Information Retrieval etc.). This repository will coalesce all of my Machine Intelligence repos in a single area and point to their respective: live demo, source code, video & presentation locations.

A small and highly experimental 😈 JavaScript repl'ish system for doing live coding presentation

Presentation software based on nested, zoomable canvases and live code.

Code behind the Guard presentation first given at Symfony Live San Fran in 2015

Overview For this assignment you will be developing and implementing : An On-Demand shortest-hop Routing (ODR) protocol for networks of fixed but arbitrary and unknown connectivity, using PF_PACKET sockets. The implementation is based on (a simplified version of) the AODV algorithm. Time client and server applications that send requests and replies to each other across the network using ODR. An API you will implement using Unix domain datagram sockets enables applications to communicate with the ODR mechanism running locally at their nodes. I shall be discussing the assignment in class on Wednesday, October 29, and Monday, November 3. The following should prove useful reference material for the assignment : Sections 15.1, 15.2, 15.4 & 15.6, Chapter 15, on Unix domain datagram sockets. PF_PACKET(7) from the Linux manual pages. You might find these notes made by a past CSE 533 student useful. Also, the following link http://www.pdbuchan.com/rawsock/rawsock.html contains useful code samples that use PF_PACKET sockets (as well as other code samples that use raw IP sockets which you do not need for this assignment, though you will be using these types of sockets for Assignment 4). Charles E. Perkins & Elizabeth M. Royer. “Ad-hoc On-Demand Distance Vector Routing.” Proceedings of the 2nd IEEE Workshop on Mobile Computing Systems and Applications, New Orleans, Louisiana, February 1999, pp. 90 - 100. The VMware environment minix.cs.stonybrook.edu is a Linux box running VMware. A cluster of ten Linux virtual machines, called vm1 through vm10, on which you can gain access as root and run your code have been created on minix. See VMware Environment Hosts for further details. VMware instructions takes you to a page that explains how to use the system. The ten virtual machines have been configured into a small virtual intranet of Ethernet LANs whose topology is (in principle) unknown to you. There is a course account cse533 on node minix, with home directory /users/cse533. In there, you will find a subdirectory Stevens/unpv13e , exactly as you are used to having on the cs system. You should develop your source code and makefiles for handing in accordingly. You will be handing in your source code on the minix node. Note that you do not need to link against the socket library (-lsocket) in Linux. The same is true for -lnsl and -lresolv. For example, take a look at how the LIBS variable is defined for Solaris, in /home/courses/cse533/Stevens/unpv13e_solaris2.10/Make.defines (on compserv1, say) : LIBS = ../libunp.a -lresolv -lsocket -lnsl -lpthread But if you take a look at Make.defines on minix (/users/cse533/Stevens/unpv13e/Make.defines) you will find only: LIBS = ../libunp.a -lpthread The nodes vm1 , . . . . . , vm10 are all multihomed : each has two (or more) interfaces. The interface ‘eth0 ’ should be completely ignored and is not to be used for this assignment (because it shows all ten nodes as if belonging to the same single Ethernet 192.168.1.0/24, rather than to an intranet composed of several Ethernets). Note that vm1 , . . . . . , vm10 are virtual machines, not real ones. One implication of this is that you will not be able to find out what their (virtual) IP addresses are by using nslookup and such. To find out these IP addresses, you need to look at the file /etc/hosts on minix. More to the point, invoking gethostbyname for a given vm will return to you only the (primary) IP address associated with the interface eth0 of that vm (which is the interface you will not be using). It will not return to you any other IP address for the node. Similarly, gethostbyaddr will return the vm node name only if you give it the (primary) IP address associated with the interface eth0 for the node. It will return nothing if you give it any other IP address for the node, even though the address is perfectly valid. Because of this, and because it will ease your task to be able to use gethostbyname and gethostbyaddr in a straightforward way, we shall adopt the (primary) IP addresses associated with interfaces eth0 as the ‘canonical’ IP addresses for the nodes (more on this below). Time client and server A time server runs on each of the ten vm machines. The client code should also be available on each vm so that it can be evoked at any of them. Normally, time clients/servers exchange request/reply messages using the TCP/UDP socket API that, effectively, enables them to receive service (indirectly, via the transport layer) from the local IP mechanism running at their nodes. You are to implement an API using Unix domain sockets to access the local ODR service directly (somewhat similar, in effect, to the way that raw sockets permit an application to access IP directly). Use Unix domain SOCK_DGRAM, rather than SOCK_STREAM, sockets (see Figures 15.5 & 15.6, pp. 418 - 419). API You need to implement a msg_send function that will be called by clients/servers to send requests/replies. The parameters of the function consist of : int giving the socket descriptor for write char* giving the ‘canonical’ IP address for the destination node, in presentation format int giving the destination ‘port’ number char* giving message to be sent int flag if set, force a route rediscovery to the destination node even if a non-‘stale’ route already exists (see below) msg_send will format these parameters into a single char sequence which is written to the Unix domain socket that a client/server process creates. The sequence will be read by the local ODR from a Unix domain socket that the ODR process creates for itself. Recall that the ‘canonical’ IP address for a vm node is the (primary) IP address associated with the eth0 interface for the node. It is what will be returned to you by a call to gethostbyname. Similarly, we need a msg_recv function which will do a (blocking) read on the application domain socket and return with : int giving socket descriptor for read char* giving message received char* giving ‘canonical’ IP address for the source node of message, in presentation format int* giving source ‘port’ number This information is written as a single char sequence by the ODR process to the domain socket that it creates for itself. It is read by msg_recv from the domain socket the client/server process creates, decomposed into the three components above, and returned to the caller of msg_recv. Also see the section below entitled ODR and the API. Client When a client is evoked at a node, it creates a domain datagram socket. The client should bind its socket to a ‘temporary’ (i.e., not ‘well-known’) sun_path name obtained from a call to tmpnam() (cf. line 10, Figure 15.6, p. 419) so that multiple clients may run at the same node. Note that tmpnam() is actually highly deprecated. You should use the mkstemp() function instead - look up the online man pages on minix (‘man mkstemp’) for details. As you run client code again and again during the development stage, the temporary files created by the calls to tmpnam / mkstemp start to proliferate since these files are not automatically removed when the client code terminates. You need to explicitly remove the file created by the client evocation by issuing a call to unlink() or to remove() in your client code just before the client code exits. See the online man pages on minix (‘man unlink’, ‘man remove’) for details. The client then enters an infinite loop repeating the steps below. The client prompts the user to choose one of vm1 , . . . . . , vm10 as a server node. Client msg_sends a 1 or 2 byte message to server and prints out on stdout the message client at node vm i1 sending request to server at vm i2 (In general, throughout this assignment, “trace” messages such as the one above should give the vm names and not IP addresses of the nodes.) Client then blocks in msg_recv awaiting response. This attempt to read from the domain socket should be backed up by a timeout in case no response ever comes. I leave it up to you whether you ‘wrap’ the call to msg_recv in a timeout, or you implement the timeout inside msg_recv itself. When the client receives a response it prints out on stdout the message client at node vm i1 : received from vm i2 <timestamp> If, on the other hand, the client times out, it should print out the message client at node vm i1 : timeout on response from vm i2 The client then retransmits the message out, setting the flag parameter in msg_send to force a route rediscovery, and prints out an appropriate message on stdout. This is done only once, when a timeout for a given message to the server occurs for the first time. Client repeats steps 1. - 3. Server The server creates a domain datagram socket. The server socket is assumed to have a (node-local) ‘well-known’ sun_path name which it binds to. This ‘well-known’ sun_path name is designated by a (network-wide) ‘well-known’ ‘port’ value. The time client uses this ‘port’ value to communicate with the server. The server enters an infinite sequence of calls to msg_recv followed by msg_send, awaiting client requests and responding to them. When it responds to a client request, it prints out on stdout the message server at node vm i1 responding to request from vm i2 ODR The ODR process runs on each of the ten vm machines. It is evoked with a single command line argument which gives a “staleness” time parameter, in seconds. It uses get_hw_addrs (available to you on minix in ~cse533/Asgn3_code) to obtain the index, and associated (unicast) IP and Ethernet addresses for each of the node’s interfaces, except for the eth0 and lo (loopback) interfaces, which should be ignored. In the subdirectory ~cse533/Asgn3_code (/users/cse533/Asgn3_code) on minix I am providing you with two functions, get_hw_addrs and prhwaddrs. These are analogous to the get_ifi_info_plus and prifinfo_plus of Assignment 2. Like get_ifi_info_plus, get_hw_addrs uses ioctl. get_hw_addrs gets the (primary) IP address, alias IP addresses (if any), HW address, and interface name and index value for each of the node's interfaces (including the loopback interface lo). prhwaddrs prints that information out. You should modify and use these functions as needed. Note that if an interface has no HW address associated with it (this is, typically, the case for the loopback interface lo for example), then ioctl returns get_hw_addrs a HW address which is the equivalent of 00:00:00:00:00:00 . get_hw_addrs stores this in the appropriate field of its data structures as it would with any HW address returned by ioctl, but when prhwaddrs comes across such an address, it prints a blank line instead of its usual ‘HWaddr = xx:xx:xx:xx:xx:xx’. The ODR process creates one or more PF_PACKET sockets. You will need to try out PF_PACKET sockets for yourselves and familiarize yourselves with how they behave. If, when you read from the socket and provide a sockaddr_ll structure, the kernel returns to you the index of the interface on which the incoming frame was received, then one socket will be enough. Otherwise, somewhat in the manner of Assignment 2, you shall have to create a PF_PACKET socket for every interface of interest (which are all the interfaces of the node, excluding interfaces lo and eth0 ), and bind a socket to each interface. Furthermore, if the kernel also returns to you the source Ethernet address of the frame in the sockaddr_ll structure, then you can make do with SOCK_DGRAM type PF_PACKET sockets; otherwise you shall have to use SOCK_RAW type sockets (although I would prefer you to use SOCK_RAW type sockets anyway, even if it turns out you can make do with SOCK_DGRAM type). The socket(s) should have a protocol value (no larger than 0xffff so that it fits in two bytes; this value is given as a network-byte-order parameter in the call(s) to function socket) that identifies your ODR protocol. The <linux/if_ether.h> include file (i.e., the file /usr/include/linux/if_ether.h) contains protocol values defined for the standard protocols typically found on an Ethernet LAN, as well as other values such as ETH_P_ALL. You should set protocol to a value of your choice which is not a <linux/if_ether.h> value, but which is, hopefully, unique to yourself. Remember that you will all be running your code using the same root account on the vm1 , . . . . . , vm10 nodes. So if two of you happen to choose the same protocol value and happen to be running on the same vm node at the same time, your applications will receive each other’s frames. For that reason, try to choose a protocol value for the socket(s) that is likely to be unique to yourself (something based on your Stony Brook student ID number, for example). This value effectively becomes the protocol value for your implementation of ODR, as opposed to some other cse 533 student's implementation. Because your value of protocol is to be carried in the frame type field of the Ethernet frame header, the value chosen should be not less than 1536 (0x600) so that it is not misinterpreted as the length of an Ethernet 802.3 frame. Note from the man pages for packet(7) that frames are passed to and from the socket without any processing in the frame content by the device driver on the other side of the socket, except for calculating and tagging on the 4-byte CRC trailer for outgoing frames, and stripping that trailer before delivering incoming frames to the socket. Nevertheless, if you write a frame that is less than 60 bytes, the necessary padding is automatically added by the device driver so that the frame that is actually transmitted out is the minimum Ethernet size of 64 bytes. When reading from the socket, however, any such padding that was introduced into a short frame at the sending node to bring it up to the minimum frame size is not stripped off - it is included in what you receive from the socket (thus, the minimum number of bytes you receive should never be less than 60). Also, you will have to build the frame header for outgoing frames yourselves (assuming you use SOCK_RAW type sockets). Bear in mind that the field values in that header have to be in network order. The ODR process also creates a domain datagram socket for communication with application processes at the node, and binds the socket to a ‘well known’ sun_path name for the ODR service. Because it is dealing with fixed topologies, ODR is, by and large, considerably simpler than AODV. In particular, discovered routes are relatively stable and there is no need for all the paraphernalia that goes with the possibility of routes changing (such as maintenance of active nodes in the routing tables and timeout mechanisms; timeouts on reverse links; lifetime field in the RREP messages; etc.) Nor will we be implementing source_sequence_#s (in the RREQ messages), and dest_sequence_# (in RREQ and RREP messages). In reality, we should (though we will not, for the sake of simplicity, be doing so) implement some sort of sequence number mechanism, or some alternative mechanism such as split-horizon for example, if we are to avoid possible scenarios of routing loops in a “count to infinity” context (I shall explain this point in class). However, we want ODR to discover shortest-hop paths, and we want it to do so in a reasonably efficient manner. This necessitates having one or two aspects of its operations work in a different, possibly slightly more complicated, way than AODV does. ODR has several basic responsibilities : Build and maintain a routing table. For each destination in the table, the routing table structure should include, at a minimum, the next-hop node (in the form of the Ethernet address for that node) and outgoing interface index, the number of hops to the destination, and a timestamp of when the the routing table entry was made or last “reconfirmed” / updated. Note that a destination node in the table is to be identified only by its ‘canonical’ IP address, and not by any other IP addresses the node has. Generate a RREQ in response to a time client calling msg_send for a destination for which ODR has no route (or for which a route exists, but msg_send has the flag parameter set or the route has gone ‘stale’ – see below), and ‘flood’ the RREQ out on all the node’s interfaces (except for the interface it came in on and, of course, the interfaces eth0 and lo). Flooding is done using an Ethernet broadcast destination address (0xff:ff:ff:ff:ff:ff) in the outgoing frame header. Note that a copy of the broadcast packet is supposed to / might be looped back to the node that sends it (see p. 535 in the Stevens textbook). ODR will have to take care not to treat these copies as new incoming RREQs. Also note that ODR at the client node increments the broadcast_id every time it issues a new RREQ for any destination node. When a RREQ is received, ODR has to generate a RREP if it is at the destination node, or if it is at an intermediate node that happens to have a route (which is not ‘stale’ – see below) to the destination. Otherwise, it must propagate the RREQ by flooding it out on all the node’s interfaces (except the interface the RREQ arrived on). Note that as it processes received RREQs, ODR should enter the ‘reverse’ route back to the source node into its routing table, or update an existing entry back to the source node if the RREQ received shows a shorter-hop route, or a route with the same number of hops but going through a different neighbour. The timestamp associated with the table entry should be updated whenever an existing route is either “reconfirmed” or updated. Obviously, if the node is going to generate a RREP, updating an existing entry back to the source node with a more efficient route, or a same-hops route using a different neighbour, should be done before the RREP is generated. Unlike AODV, when an intermediate node receives a RREQ for which it generates a RREP, it should nevertheless continue to flood the RREQ it received if the RREQ pertains to a source node whose existence it has heretofore been unaware of, or the RREQ gives it a more efficient route than it knew of back to the source node (the reason for continuing to flood the RREQ is so that other nodes in the intranet also become aware of the existence of the source node or of the potentially more optimal reverse route to it, and update their tables accordingly). However, since an RREP for this RREQ is being sent by our node, we do not want other nodes who receive the RREQ propagated by our node, and who might be in a position to do so, to also send RREPs. So we need to introduce a field in the RREQ message, not present in the AODV specifications, which acts like a “RREP already sent” field. Our node sets this field before further propagating the RREQ and nodes receiving an RREQ with this field set do not send RREPs in response, even if they are in a position to do so. ODR may, of course, receive multiple, distinct instances of the same RREQ (the combination of source_addr and broadcast_id uniquely identifies the RREQ). Such RREQs should not be flooded out unless they have a lower hop count than instances of that RREQ that had previously been received. By the same token, if ODR is in a position to send out a RREP, and has already done so for this, now repeating, RREQ , it should not send out another RREP unless the RREQ shows a more efficient, previously unknown, reverse route back to the source node. In other words, ODR should not generate essentially duplicative RREPs, nor generate RREPs to instances of RREQs that reflect reverse routes to the source that are not more efficient than what we already have. Relay RREPs received back to the source node (this is done using the ‘reverse’ route entered into the routing table when the corresponding RREQ was processed). At the same time, a ‘forward’ path to the destination is entered into the routing table. ODR could receive multiple, distinct RREPs for the same RREQ. The ‘forward’ route entered in the routing table should be updated to reflect the shortest-hop route to the destination, and RREPs reflecting suboptimal routes should not be relayed back to the source. In general, maintaining a route and its associated timestamp in the table in response to RREPs received is done in the same manner described above for RREQs. Forward time client/server messages along the next hop. (The following is important – you will lose points if you do not implement it.) Note that such application payload messages (especially if they are the initial request from the client to the server, rather than the server response back to the client) can be like “free” RREPs, enabling nodes along the path from source (client) to destination (server) node to build a reverse path back to the client node whose existence they were heretofore unaware of (or, possibly, to update an existing route with a more optimal one). Before it forwards an application payload message along the next hop, ODR at an intermediate node (and also at the final destination node) should use the message to update its routing table in this way. Thus, calls to msg_send by time servers should never cause ODR at the server node to initiate RREQs, since the receipt of a time client request implies that a route back to the client node should now exist in the routing table. The only exception to this is if the server node has a staleness parameter of zero (see below). A routing table entry has associated with it a timestamp that gives the time the entry was made into the table. When a client at a node calls msg_send, and if an entry for the destination node already exists in the routing table, ODR first checks that the routing information is not ‘stale’. A stale routing table entry is one that is older than the value defined by the staleness parameter given as a command line argument to the ODR process when it is executed. ODR deletes stale entries (as well as non-stale entries when the flag parameter in msg_send is set) and initiates a route rediscovery by issuing a RREQ for the destination node. This will force periodic updating of the routing tables to take care of failed nodes along the current path, Ethernet addresses that might have changed, and so on. Similarly, as RREQs propagate through the intranet, existing stale table entries at intermediate nodes are deleted and new route discoveries propagated. As noted above when discussing the processing of RREQs and RREPs, the associated timestamp for an existing table entry is updated in response to having the route either “reconfirmed” or updated (this applies to both reverse routes, by virtue of RREQs received, and to forward routes, by virtue of RREPs). Finally, note that a staleness parameter of 0 essentially indicates that the discovered route will be used only once, when first discovered, and then discarded. Effectively, an ODR with staleness parameter 0 maintains no real routing table at all ; instead, it forces route discoveries at every step of its operation. As a practical matter, ODR should be run with staleness parameter values that are considerably larger than the longest RTT on the intranet, otherwise performance will degrade considerably (and collapse entirely as the parameter values approach 0). Nevertheless, for robustness, we need to implement a mechanism by which an intermediate node that receives a RREP or application payload message for forwarding and finds that its relevant routing table entry has since gone stale, can intiate a RREQ to rediscover the route it needs. RREQ, RREP, and time client/server request/response messages will all have to be carried as encapsulated ODR protocol messages that form the data payload of Ethernet frames. So we need to design the structure of ODR protocol messages. The format should contain a type field (0 for RREQ, 1 for RREP, 2 for application payload ). The remaining fields in an ODR message will depend on what type it is. The fields needed for (our simplified versions of AODV’s) RREQ and RREP should be fairly clear to you, but keep in mind that you need to introduce two extra fields: The “RREP already sent” bit or field in RREQ messages, as mentioned above. A “forced discovery” bit or field in both RREQ and RREP messages: When a client application forces route rediscovery, this bit should be set in the RREQ issued by the client node ODR. Intermediate nodes that are not the destination node but which do have a route to the destination node should not respond with RREPs to an RREQ which has the forced discovery field set. Instead, they should continue to flood the RREQ so that it eventually reaches the destination node which will then respond with an RREP. The intermediate nodes relaying such an RREQ must update their ‘reverse’ route back to the source node accordingly, even if the new route is less efficient (i.e., has more hops) than the one they currently have in their routing table. The destination node responds to the RREQ with an RREP in which this field is also set. Intermediate nodes that receive such a forced discovery RREP must update their ‘forward’ route to the destination node accordingly, even if the new route is less efficient (i.e., has more hops) than the one they currently have in their routing table. This behaviour will cause a forced discovery RREQ to be responded to only by the destination node itself and not any other node, and will cause intermediate nodes to update their routing tables to both source and destination nodes in accordance with the latest routing information received, to cover the possibility that older routes are no longer valid because nodes and/or links along their paths have gone down. A type 2, application payload, message needs to contain the following type of information : type = 2 ‘canonical’ IP address of source node ‘port’ number of source application process (This, of course, is not a real port number in the TCP/UDP sense, but simply a value that ODR at the source node uses to designate the sun_path name for the source application’s domain socket.) ‘canonical’ IP address of destination node ‘port’ number of destination application process (This is passed to ODR by the application process at the source node when it calls msg_send. Its designates the sun_path name for an application’s domain socket at the destination node.) hop count (This starts at 0 and is incremented by 1 at each hop so that ODR can make use of the message to update its routing table, as discussed above.) number of bytes in application message The fields above essentially constitute a ‘header’ for the ODR message. Note that fields which you choose to have carry numeric values (rather than ascii characters, for example) must be in network byte order. ODR-defined numeric-valued fields in type 0, RREQ, and type 1, RREP, messages must, of course, also be in network byte order. Also note that only the ‘canonical’ IP addresses are used for the source and destination nodes in the ODR header. The same has to be true in the headers for type 0, RREQ, and type 1, RREP, messages. The general rule is that ODR messages only carry ‘canonical’ IP node addresses. The last field in the type 2 ODR message is essentially the data payload of the message. application message given in the call to msg_send An ODR protocol message is encapsulated as the data payload of an Ethernet frame whose header it fills in as follows : source address = Ethernet address of outgoing interface of the current node where ODR is processing the message. destination address = Ethernet broadcast address for type 0 messages; Ethernet address of next hop node for type 1 & 2 messages. protocol field = protocol value for the ODR PF_PACKET socket(s). Last but not least, whenever ODR writes an Ethernet frame out through its socket, it prints out on stdout the message ODR at node vm i1 : sending frame hdr src vm i1 dest addr ODR msg type n src vm i2 dest vm i3 where addr is in presentation format (i.e., hexadecimal xx:xx:xx:xx:xx:xx) and gives the destination Ethernet address in the outgoing frame header. Other nodes in the message should be identified by their vm name. A message should be printed out for each packet sent out on a distinct interface. ODR and the API When the ODR process first starts, it must construct a table in which it enters all well-known ‘port’ numbers and their corresponding sun_path names. These will constitute permanent entries in the table. Thereafter, whenever it reads a message off its domain socket, it must obtain the sun_path name for the peer process socket and check whether that name is entered in the table. If not, it must select an ‘ephemeral’ ‘port’ value by which to designate the peer sun_path name and enter the pair < port value , sun_path name > into the table. Such entries cannot be permanent otherwise the table will grow unboundedly in time, with entries surviving for ever, beyond the peer processes’ demise. We must associate a time_to_live field with a non-permanent table entry, and purge the entry if nothing is heard from the peer for that amount of time. Every time a peer process for which a non-permanent table entry exists communicates with ODR, its time_to_live value should be reinitialized. Note that when ODR writes to a peer, it is possible for the write to fail because the peer does not exist : it could be a ‘well-known’ service that is not running, or we could be in the interval between a process with a non-permanent table entry terminating and the expiration of its time_to_live value. Notes A proper implementation of ODR would probably require that RREQ and RREP messages be backed up by some kind of timeout and retransmission mechanism since the network transmission environment is not reliable. This would considerably complicate the implementation (because at any given moment, a node could have multiple RREQs that it has flooded out, but for which it has still not received RREPs; the situation is further complicated by the fact that not all intermediate nodes receiving and relaying RREQs necessarily lie on a path to the destination, and therefore should expect to receive RREPs), and, learning-wise, would not add much to the experience you should have gained from Assignment 2.

A package for simulating the typing effect of R scripts, ideal for live coding presentations, teaching, or creating interactive demonstrations.

‘Generative House Algorithm’ was constructed for one simple reason, being one click away from creating a range of uniquely designed model houses. At the beginning of 2020, the start of the covid-19 pandemic, I started learning programming. My background is in developing 3D motion graphics, but my work goes into different directions. I feel inspired by trying out new things, but often feel constrained by the software I use. I never found the right software that could satisfy my every need. A few years back, I visited a motion graphics event in Prague. Here I saw a presentation by Simon Homedal from Man vs. Machine and he introduced me to procedural programming for digital art. And so my journey into learning to code started. Being stuck at home because of covid-19, I was presented with a change to really jump in and start developing a few coding projects. I started out with a simple board game in Java, where I was introduced to ‘object oriented programming’ and UI development and many other general concepts. At the end of this project I came to the conclusion that simple programming is not enough, I needed to combine with something I already have experience of. So I started using Python inside Maya, focusing on asset development of simple programs I could execute whenever I’m working on a 3D project. At the time I was wondering if I could deconstruct houses to an algorithm. The inspiration for this project came from wandering around the residential areas where I lived. Zandberg has very diverse styles of architecture; Terrace houses with high ceilings, classical villas with roofs made of straw and modern villas built after WWII. I was captivated by the diversity in design. Breakdown A simple UI inside Maya, where the uses can specify the value for generating a number of houses. Simple things like level and roof height, number of doors, max number of levels, etc. Lastly a button that would take in the value and run the algorithm. The back-end consists of a number of Python modules, textures and .obj files. One Python file called the “Main”, is where the files are assembled and executed. Process Developing a generative algorithm is a process of trial and error. At the start of the project I treated the project like any other modeling project, only every design decision was programmed in with a number of possible solutions. Over time this would become very complex and unstructured. It became impossible to go back and modify what I already wrote down. Another problem was that the algorithm was creating the model for running the code. This meant that selecting, adding and subtracting mesh to the model cost a lot of processing power, to the point my computer would freeze up. I needed to rethink my process and develop a framework which is easy to modify and light on the processor. My new plan of attack was to do as little as possible in Maya. All design instructions needed to be solved before anything can be created in Maya. Going into this direction was a hard choice. First off, it’s not a guarantee for success. The moment I would go too deep, things can get messy very easily. Besides I consider myself more of a visual thinker. Working outside of Maya meant every hurdle would be some sort of math problem. I already knew I had no choice, and understood this is the type of problem solving a programmer has to deal with. So I started out doing a little bit of RnD. My first test was to create a number of lists. Generally every list would hold some type of value. Like positional data, labels, dimensions, objects etc. and the rest would be a range of functions iterating, generating, gathering, and sorting data into these lists. These seemed flexible enough, if I needed to add new details to the model, I would make a new list and apply this into the framework. This type of framework was not very structured as I hoped. Luckily I discarded this ideal before it really began. I was already attracted by the idea of using a matrix instead of lists at the top of lists. The matrix would provide data in three dimensions, like a volume or a box made out of separate units. I would add an extra dimension to each unit, which is a list of six values. Each value would represent each side of a unit. The general ideal of a matrix is like a fluid simulation, which is made out of a matrix of voxels, or like Minecraft where each unit can be some type of block. This would create a data structure that is easy to modify. The next step would be to feed the matrix with values. A value can represent walls, doors, windows, levels, rooftops, position and direction. It starts with an empty matrix, and secondly fill it with values of 1 (later on inside Maya, value 1 would generate a wall, the location within the matrix would be translated to 3D space). If you’d stop here and translate the matrix to mesh in Maya, you would get a cluster of boxes stacked next or on top of each other. Adding more data to the matrix meant it needed to structure itself, so it would generate a cohesive design. If not the final result would be a house with holes in the wall or floating rooms. Therefore a number of functions are needed for searching for patterns, and modifying the data. A standard function would iterate over each unit in the matrix and check the neighboring values. If some sort of condition is met, the proper value will be modified. Going back to our cluster of boxes example. If a has a neighbouring box in front and to the left, but nothing on top, this would be a condition where a corner roof would be generated. And so different functions would solve design problems. In the end you would be left with a matrix of values that would serve as a blueprint for generating in house inside Maya. Finally the model needs to be made in Maya. A number of parts like a wall, door or window are generated or imported in Maya. When iterating over the finished matrix, a certain value in a certain place in the matrix will decide which objects (example wall or roof) needs to be instanced and placed in the right position and direction. When the matrix is fully realised in Maya the model gets a final cleanup, by merging the model, deleting unused parts and empty groups. What is left is the house model. If a range of houses needs to be generated, the process is simply looped over a number of times. Final word This project took way longer than I had anticipated and is far from finished. I learned a lot and at the same time it feels like I have only just begun. I hope to pick up this project again in the near future. I would love to add more elements to the house, like roof-windows or balconies and create procedural shaders. And possibly try out machine learning or some type of genetic algorithm. If you have any questions or are intrigued please contact me at ljh.hartman@gmail.com. Cheers!

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style type="text/css">svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}</style> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/froala/design-blocks@master/dist/css/froala_blocks.min.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/froala-editor@2.9.1/css/froala_editor.pkgd.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/froala-editor@2.9.1/css/froala_style.min.css"> </head> <body> <section class="fdb-block bg-dark" data-block-type="contents" data-id="1" draggable="true"> <div class="container"> <div class="row text-center"> <div class="col-12" style="z-index: 10000;"><h2><strong><em><span style="color: rgb(209, 213, 216);">mynameisgess.</span></em></strong></h2></div> </div> </div> </section> <section class="fdb-block" data-block-type="contents" data-id="9" draggable="true"> <div class="container"> <div class="row text-center align-items-center"> <div class="col-8 col-md-4" style="z-index: 10000;"><p><img alt="image" class="img-fluid fr-fic fr-dii" src="blob:https://www.froala.com/e04cc1f7-bf1a-4374-8d0e-74473bc66e47"></p></div> <div class="col-4 col-md-2" style="z-index: 10000;"><div class="row"><div class="col-12 fr-box" role="application" style="z-index: 10000;"><div class="fr-wrapper" dir="auto"><div aria-disabled="false" class="fr-element fr-view" contenteditable="true" dir="auto" spellcheck="true"><p><img alt="image" class="img-fluid fr-fic fr-dii" src="blob:https://www.froala.com/6d07caf8-f98a-465d-aa82-c4bd4484615a"></p></div></div></div></div><div class="row mt-4"><div class="col-12 fr-box" role="application" style="z-index: 10000;"><div class="fr-wrapper" dir="auto"><div aria-disabled="false" class="fr-element fr-view" contenteditable="true" dir="auto" spellcheck="true"><p><img alt="image" class="img-fluid fr-fic fr-dii" src="blob:https://www.froala.com/14472e79-d994-4b72-ad14-3f59db5924df" style="width: 150px;"></p></div></div></div></div></div> <div class="col-12 col-md-6 col-lg-5 ml-auto pt-5 pt-md-0" style="z-index: 10000;"><p><img alt="image" class="fdb-icon fr-fic fr-dii" src="https://cdn.jsdelivr.net/gh/froala/design-blocks@2.0.1/dist/imgs//icons/github.svg"></p><h1>Geshaalgif.</h1><p class="lead">let me introduce my self .hallo my name is gesha you can call me gess.... i am 15 year old.i live in sukabumi i went to school in smk wikrama bogor</p></div> </div> </div> </section> <section class="fdb-block" data-block-type="testimonials" data-id="10" draggable="true"> <div class="container"> <div class="row align-items-center justify-content-center"> <div class="col-12 col-md-10 col-lg-8" style="z-index: 10000;"><p class="lead">"orang - orang boleh meragukanmu...memandang sebelah mata padamu,orang orang boleh melakukan itu,karna takkan mampu mematahkanmu selama kau tetap yakin pada dirimu</p><h2 class="lead">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ~geshaalgif.</h2></div> <div class="col-8 col-sm-6 col-md-2 col-lg-3 col-xl-2 mt-4 mt-md-0 ml-auto mr-auto mr-md-0" style="z-index: 10000;"><p><img alt="image" class="img-fluid rounded-circle fr-fic fr-dii" src="blob:https://www.froala.com/b1a0cb4a-10a3-4cef-bb95-fe8e1f042bc1"></p></div> </div> </div> </section> <section class="fdb-block pt-0 fp-active" data-block-type="contacts" data-id="7" draggable="true"> <div class="container-fluid p-0 pb-3"> <iframe class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2848.8444388087937!2d26.101253041406952!3d44.43635311654287!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40b1ff4770adb5b7%3A0x58147f39579fe6fa!2zR3J1cHVsIFN0YXR1YXIgIkPEg3J1yJthIEN1IFBhaWHIm2Ui!5e0!3m2!1sen!2sro!4v1507381157656" width="100%" height="300" frameborder="0" style="border:0" allowfullscreen=""></iframe> </div> <div class="container"> <div class="row text-center justify-content-center pt-5"> <div class="col-12 col-md-7" style="z-index: 10000;"><h1>Contact Us</h1></div> </div> <div class="row justify-content-center pt-4"> <div class="col-12 col-md-7" style="z-index: 10000;"><form><div class="row"><div class="col fr-box" role="application" style="z-index: 10000;"><div class="fr-wrapper" dir="auto"><div aria-disabled="false" class="fr-element fr-view" contenteditable="true" dir="auto" spellcheck="true"><p><input type="text" class="form-control" placeholder="Email" value=""></p></div></div></div></div><div class="row mt-4"><div class="col fr-box" role="application" style="z-index: 10000;"><div class="fr-wrapper" dir="auto"><div aria-disabled="false" class="fr-element fr-view" contenteditable="true" dir="auto" spellcheck="true"><p><input type="email" class="form-control" placeholder="Subject" value=""></p></div></div></div></div><div class="row mt-4"><div class="col fr-box" role="application" style="z-index: 10000;"><div class="fr-wrapper" dir="auto"><div aria-disabled="false" class="fr-element fr-view" contenteditable="true" dir="auto" spellcheck="true"><p><textarea class="form-control" name="message" rows="3" placeholder="How can we help?" value=""></textarea></p></div></div></div></div><div class="row mt-4"><div class="col text-center fr-box" role="application" style="z-index: 10000;"><div class="fr-wrapper" dir="auto"><div aria-disabled="false" class="fr-element fr-view" contenteditable="true" dir="auto" spellcheck="true"><p><button class="btn btn-primary" type="submit">Submit</button></p></div></div></div></div></form></div> </div> <div class="row-100"></div> </div> <div class="bg-dark"> <div class="container"> <div class="row-50"></div> <div class="row justify-content-center text-center"> <div class="col-12 col-md mr-auto ml-auto" style="z-index: 10000;"><p><img alt="image" height="40" class="mb-2 fr-fic fr-dii" src="https://cdn.jsdelivr.net/gh/froala/design-blocks@2.0.1/dist/imgs//icons/phone.svg"></p><p class="lead">+621462321105</p></div> <div class="col-12 col-md pt-4 pt-md-0 mr-auto ml-auto" style="z-index: 10000;"><p><img alt="image" height="40" class="mb-2 fr-fic fr-dii" src="https://cdn.jsdelivr.net/gh/froala/design-blocks@2.0.1/dist/imgs//icons/navigation.svg"></p><p class="lead">jl siliwangi no 70.cicurug 43359.sukabumi west java</p><div dir="auto"><div contenteditable="true" dir="auto" spellcheck="true"><p><br><img data-fr-image-pasted="true" alt="image" height="40" src="https://cdn.jsdelivr.net/gh/froala/design-blocks@2.0.1/dist/imgs//icons/mail.svg" class="fr-fic fr-dii"></p><p>geshaalgif14@gmail.com</p></div></div></div> <div class="col-12 col-md pt-4 pt-md-0 mr-auto ml-auto" style="z-index: 10000;"><p><img alt="image" height="40" class="mb-2 fr-fic fr-dii" src="https://cdn.jsdelivr.net/gh/froala/design-blocks@2.0.1/dist/imgs//icons/mail.svg"></p><p class="lead">diki.agik@gmail.com</p></div> </div> <div class="row-50"><span class="fr-marker" data-id="0" data-type="false" style="display: inline-block; line-height: 0;">​</span></div> </div> </div> <div class="container"> <div class="row-70"></div> <div class="row text-center"> <div class="col fr-box" role="application" style="z-index: 10000;"><div class="fr-wrapper" dir="auto"><div class="fr-element fr-view" dir="auto" contenteditable="true" aria-disabled="false" spellcheck="true"><p class="h2"><a class="mx-2" href="https://www.froala.com"><!-- <i class="fab fa-facebook"></i> --></a> <a class="mx-2" href="https://www.froala.com"><!-- <i class="fab fa-twitter"></i> --></a> <a class="mx-2" href="https://www.froala.com"><!-- <i class="fab fa-instagram"></i> --></a> <a class="mx-2" href="https://www.froala.com"><!-- <i class="fab fa-google"></i> --></a> <a class="mx-2" href="https://www.froala.com"><!-- <i class="fab fa-pinterest"></i> --></a></p></div></div></div> </div> </div> </section> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/froala-editor@2.9.1/js/froala_editor.pkgd.min.js"></script> <script src="https://use.fontawesome.com/releases/v5.5.0/js/all.js"></script> <div class="fr-toolbar fr-desktop fr-inline fr-above" style="z-index: 10001; display: none; top: 2246.59px; left: 105px;"><span class="fr-arrow" style="margin-left: -5px;"></span><button id="bold-1" type="button" tabindex="-1" role="button" aria-pressed="false" class="fr-command fr-btn fr-btn-font_awesome_5" data-cmd="bold" aria-disabled="false"><svg class="svg-inline--fa fa-bold fa-w-12" aria-hidden="true" data-prefix="fas" data-icon="bold" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg=""><path fill="currentColor" d="M304.793 243.891c33.639-18.537 53.657-54.16 53.657-95.693 0-48.236-26.25-87.626-68.626-104.179C265.138 34.01 240.849 32 209.661 32H24c-8.837 0-16 7.163-16 16v33.049c0 8.837 7.163 16 16 16h33.113v318.53H24c-8.837 0-16 7.163-16 16V464c0 8.837 7.163 16 16 16h195.69c24.203 0 44.834-1.289 66.866-7.584C337.52 457.193 376 410.647 376 350.014c0-52.168-26.573-91.684-71.207-106.123zM142.217 100.809h67.444c16.294 0 27.536 2.019 37.525 6.717 15.828 8.479 24.906 26.502 24.906 49.446 0 35.029-20.32 56.79-53.029 56.79h-76.846V100.809zm112.642 305.475c-10.14 4.056-22.677 4.907-31.409 4.907h-81.233V281.943h84.367c39.645 0 63.057 25.38 63.057 63.057.001 28.425-13.66 52.483-34.782 61.284z"></path></svg><!-- <i class="fas fa-bold" aria-hidden="true"></i> --><span class="fr-sr-only">Bold</span></button><button id="italic-1" type="button" tabindex="-1" role="button" aria-pressed="false" class="fr-command fr-btn fr-btn-font_awesome_5" data-cmd="italic" aria-disabled="false"><svg class="svg-inline--fa fa-italic fa-w-10" aria-hidden="true" data-prefix="fas" data-icon="italic" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M204.758 416h-33.849l62.092-320h40.725a16 16 0 0 0 15.704-12.937l6.242-32C297.599 41.184 290.034 32 279.968 32H120.235a16 16 0 0 0-15.704 12.937l-6.242 32C96.362 86.816 103.927 96 113.993 96h33.846l-62.09 320H46.278a16 16 0 0 0-15.704 12.935l-6.245 32C22.402 470.815 29.967 480 40.034 480h158.479a16 16 0 0 0 15.704-12.935l6.245-32c1.927-9.88-5.638-19.065-15.704-19.065z"></path></svg><!-- <i class="fas fa-italic" aria-hidden="true"></i> --><span class="fr-sr-only">Italic</span></button><button id="color-1" type="button" tabindex="-1" role="button" class="fr-command fr-btn fr-btn-font_awesome_5" data-cmd="color" data-popup="true" aria-disabled="false"><svg class="svg-inline--fa fa-tint fa-w-11" aria-hidden="true" data-prefix="fas" data-icon="tint" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512" data-fa-i2svg=""><path fill="currentColor" d="M205.22 22.09c-7.94-28.78-49.44-30.12-58.44 0C100.01 179.85 0 222.72 0 333.91 0 432.35 78.72 512 176 512s176-79.65 176-178.09c0-111.75-99.79-153.34-146.78-311.82zM176 448c-61.75 0-112-50.25-112-112 0-8.84 7.16-16 16-16s16 7.16 16 16c0 44.11 35.89 80 80 80 8.84 0 16 7.16 16 16s-7.16 16-16 16z"></path></svg><!-- <i class="fas fa-tint" aria-hidden="true"></i> --><span class="fr-sr-only">Colors</span></button><button id="paragraphFormat-1" type="button" tabindex="-1" role="button" aria-controls="dropdown-menu-paragraphFormat-1" aria-expanded="false" aria-haspopup="true" class="fr-command fr-btn fr-dropdown fr-btn-font_awesome_5 fr-selection" data-cmd="paragraphFormat" aria-disabled="false"><svg class="svg-inline--fa fa-paragraph fa-w-14" aria-hidden="true" data-prefix="fas" data-icon="paragraph" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M408 32H177.531C88.948 32 16.045 103.335 16 191.918 15.956 280.321 87.607 352 176 352v104c0 13.255 10.745 24 24 24h32c13.255 0 24-10.745 24-24V112h32v344c0 13.255 10.745 24 24 24h32c13.255 0 24-10.745 24-24V112h40c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24z"></path></svg><!-- <i class="fas fa-paragraph" aria-hidden="true"></i> --><span class="fr-sr-only">Paragraph Format</span></button><div id="dropdown-menu-paragraphFormat-1" class="fr-dropdown-menu" role="listbox" aria-labelledby="paragraphFormat-1" aria-hidden="true" style="left: 130px; top: 38px;"><div class="fr-dropdown-wrapper" role="presentation"><div class="fr-dropdown-content" role="presentation"><ul class="fr-dropdown-list" role="presentation"><li role="presentation"><p style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command fr-active" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="N" title="Normal" aria-selected="true">Normal</a></p></li><li role="presentation"><h1 style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="H1" title="Heading 1" aria-selected="false">Heading 1</a></h1></li><li role="presentation"><h2 style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="H2" title="Heading 2" aria-selected="false">Heading 2</a></h2></li><li role="presentation"><h3 style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="H3" title="Heading 3" aria-selected="false">Heading 3</a></h3></li><li role="presentation"><h4 style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="H4" title="Heading 4" aria-selected="false">Heading 4</a></h4></li><li role="presentation"><pre style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="PRE" title="Code" aria-selected="false">Code</a></pre></li></ul></div></div></div><button id="align-1" type="button" tabindex="-1" role="button" aria-controls="dropdown-menu-align-1" aria-expanded="false" aria-haspopup="true" class="fr-command fr-btn fr-dropdown fr-btn-font_awesome_5" data-cmd="align" aria-disabled="false"><svg class="svg-inline--fa fa-align-center fa-w-14" aria-hidden="true" data-prefix="fas" data-icon="align-center" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M352 44v40c0 8.837-7.163 16-16 16H112c-8.837 0-16-7.163-16-16V44c0-8.837 7.163-16 16-16h224c8.837 0 16 7.163 16 16zM16 228h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 256h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm320-200H112c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16h224c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16z"></path></svg><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><span class="fr-sr-only">Align</span></button><div id="dropdown-menu-align-1" class="fr-dropdown-menu" role="listbox" aria-labelledby="align-1" aria-hidden="true" style="left: 172px; top: 38px;"><div class="fr-dropdown-wrapper" role="presentation"><div class="fr-dropdown-content" role="presentation"><ul class="fr-dropdown-list" role="presentation"><li role="presentation"><a class="fr-command fr-title" tabindex="-1" role="option" data-cmd="align" data-param1="left" aria-selected="false"><svg class="svg-inline--fa fa-align-left fa-w-14" aria-hidden="true" data-prefix="fas" data-icon="align-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M288 44v40c0 8.837-7.163 16-16 16H16c-8.837 0-16-7.163-16-16V44c0-8.837 7.163-16 16-16h256c8.837 0 16 7.163 16 16zM0 172v40c0 8.837 7.163 16 16 16h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16zm16 312h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm256-200H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16h256c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16z"></path></svg><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><span class="fr-sr-only">Align Left</span></a></li><li role="presentation"><a class="fr-command fr-title fr-active" tabindex="-1" role="option" data-cmd="align" data-param1="center" aria-selected="true"><svg class="svg-inline--fa fa-align-center fa-w-14" aria-hidden="true" data-prefix="fas" data-icon="align-center" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M352 44v40c0 8.837-7.163 16-16 16H112c-8.837 0-16-7.163-16-16V44c0-8.837 7.163-16 16-16h224c8.837 0 16 7.163 16 16zM16 228h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 256h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm320-200H112c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16h224c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16z"></path></svg><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><span class="fr-sr-only">Align Center</span></a></li><li role="presentation"><a class="fr-command fr-title" tabindex="-1" role="option" data-cmd="align" data-param1="right" title="Align Right" aria-selected="false"><svg class="svg-inline--fa fa-align-right fa-w-14" aria-hidden="true" data-prefix="fas" data-icon="align-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M160 84V44c0-8.837 7.163-16 16-16h256c8.837 0 16 7.163 16 16v40c0 8.837-7.163 16-16 16H176c-8.837 0-16-7.163-16-16zM16 228h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 256h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm160-128h256c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H176c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg><!-- <i class="fas fa-align-right" aria-hidden="true"></i> --><span class="fr-sr-only">Align Right</span></a></li><li role="presentation"><a class="fr-command fr-title" tabindex="-1" role="option" data-cmd="align" data-param1="justify" title="Align Justify" aria-selected="false"><svg class="svg-inline--fa fa-align-justify fa-w-14" aria-hidden="true" data-prefix="fas" data-icon="align-justify" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M0 84V44c0-8.837 7.163-16 16-16h416c8.837 0 16 7.163 16 16v40c0 8.837-7.163 16-16 16H16c-8.837 0-16-7.163-16-16zm16 144h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 256h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0-128h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg><!-- <i class="fas fa-align-justify" aria-hidden="true"></i> --><span class="fr-sr-only">Align Justify</span></a></li></ul></div></div></div><div class="fr-separator fr-hs" role="separator" aria-orientation="horizontal"></div><button id="emoticons-1" type="button" tabindex="-1" role="button" title="Emoticons" class="fr-command fr-btn fr-btn-font_awesome_5" data-cmd="emoticons" data-popup="true" aria-disabled="false"><svg class="svg-inline--fa fa-smile fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="smile" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" data-fa-i2svg=""><path fill="currentColor" d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm80 168c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-160 0c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm194.8 170.2C334.3 380.4 292.5 400 248 400s-86.3-19.6-114.8-53.8c-13.6-16.3 11-36.7 24.6-20.5 22.4 26.9 55.2 42.2 90.2 42.2s67.8-15.4 90.2-42.2c13.4-16.2 38.1 4.2 24.6 20.5z"></path></svg><!-- <i class="fas fa-smile" aria-hidden="true"></i> --><span class="fr-sr-only">Emoticons</span></button><button id="insertLink-1" type="button" tabindex="-1" role="button" class="fr-command fr-btn fr-btn-font_awesome_5" data-cmd="insertLink" data-popup="true" aria-disabled="false"><svg class="svg-inline--fa fa-link fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="link" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"></path></svg><!-- <i class="fas fa-link" aria-hidden="true"></i> --><span class="fr-sr-only">Insert Link</span></button><button id="insertImage-1" type="button" tabindex="-1" role="button" class="fr-command fr-btn fr-btn-font_awesome_5" data-cmd="insertImage" data-popup="true" aria-disabled="false"><svg class="svg-inline--fa fa-image fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="image" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M464 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM112 120c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56-25.072-56-56-56zM64 384h384V272l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L208 320l-55.515-55.515c-4.686-4.686-12.284-4.686-16.971 0L64 336v48z"></path></svg><!-- <i class="fas fa-image" aria-hidden="true"></i> --><span class="fr-sr-only">Insert Image</span></button><button id="undo-1" type="button" tabindex="-1" role="button" aria-disabled="true" class="fr-command fr-btn fr-btn-font_awesome_5 fr-disabled" data-cmd="undo"><svg class="svg-inline--fa fa-undo fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="undo" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M212.333 224.333H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h48c6.627 0 12 5.373 12 12v78.112C117.773 39.279 184.26 7.47 258.175 8.007c136.906.994 246.448 111.623 246.157 248.532C504.041 393.258 393.12 504 256.333 504c-64.089 0-122.496-24.313-166.51-64.215-5.099-4.622-5.334-12.554-.467-17.42l33.967-33.967c4.474-4.474 11.662-4.717 16.401-.525C170.76 415.336 211.58 432 256.333 432c97.268 0 176-78.716 176-176 0-97.267-78.716-176-176-176-58.496 0-110.28 28.476-142.274 72.333h98.274c6.627 0 12 5.373 12 12v48c0 6.627-5.373 12-12 12z"></path></svg><!-- <i class="fas fa-undo" aria-hidden="true"></i> --><span class="fr-sr-only">Undo</span></button><button id="redo-1" type="button" tabindex="-1" role="button" aria-disabled="true" title="Redo (Ctrl+Shift+Z)" class="fr-command fr-btn fr-btn-font_awesome_5 fr-disabled" data-cmd="redo"><svg class="svg-inline--fa fa-redo fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="redo" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M500.333 0h-47.411c-6.853 0-12.314 5.729-11.986 12.574l3.966 82.759C399.416 41.899 331.672 8 256.001 8 119.34 8 7.899 119.526 8 256.187 8.101 393.068 119.096 504 256 504c63.926 0 122.202-24.187 166.178-63.908 5.113-4.618 5.354-12.561.482-17.433l-33.971-33.971c-4.466-4.466-11.64-4.717-16.38-.543C341.308 415.448 300.606 432 256 432c-97.267 0-176-78.716-176-176 0-97.267 78.716-176 176-176 60.892 0 114.506 30.858 146.099 77.8l-101.525-4.865c-6.845-.328-12.574 5.133-12.574 11.986v47.411c0 6.627 5.373 12 12 12h200.333c6.627 0 12-5.373 12-12V12c0-6.627-5.373-12-12-12z"></path></svg><!-- <i class="fas fa-redo" aria-hidden="true"></i> --><span class="fr-sr-only">Redo</span></button></div> <div class="fr-tooltip" style="left: -3000px; top: 2275px; position: fixed;">Paragraph Format</div> <div class="fr-image-overlay" style="display: none;"></div> <div class="fr-toolbar fr-desktop fr-inline fr-above" style="z-index: 10001; display: none; top: 1384.8px; left: 10px;"><span class="fr-arrow" style="margin-left: -46px;"></span><button id="bold-28" type="button" tabindex="-1" role="button" aria-pressed="false" class="fr-command fr-btn fr-btn-font_awesome_5" data-cmd="bold" aria-disabled="false"><svg class="svg-inline--fa fa-bold fa-w-12" aria-hidden="true" data-prefix="fas" data-icon="bold" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg=""><path fill="currentColor" d="M304.793 243.891c33.639-18.537 53.657-54.16 53.657-95.693 0-48.236-26.25-87.626-68.626-104.179C265.138 34.01 240.849 32 209.661 32H24c-8.837 0-16 7.163-16 16v33.049c0 8.837 7.163 16 16 16h33.113v318.53H24c-8.837 0-16 7.163-16 16V464c0 8.837 7.163 16 16 16h195.69c24.203 0 44.834-1.289 66.866-7.584C337.52 457.193 376 410.647 376 350.014c0-52.168-26.573-91.684-71.207-106.123zM142.217 100.809h67.444c16.294 0 27.536 2.019 37.525 6.717 15.828 8.479 24.906 26.502 24.906 49.446 0 35.029-20.32 56.79-53.029 56.79h-76.846V100.809zm112.642 305.475c-10.14 4.056-22.677 4.907-31.409 4.907h-81.233V281.943h84.367c39.645 0 63.057 25.38 63.057 63.057.001 28.425-13.66 52.483-34.782 61.284z"></path></svg><!-- <i class="fas fa-bold" aria-hidden="true"></i> --><span class="fr-sr-only">Bold</span></button><button id="italic-28" type="button" tabindex="-1" role="button" aria-pressed="false" class="fr-command fr-btn fr-btn-font_awesome_5" data-cmd="italic" aria-disabled="false"><svg class="svg-inline--fa fa-italic fa-w-10" aria-hidden="true" data-prefix="fas" data-icon="italic" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M204.758 416h-33.849l62.092-320h40.725a16 16 0 0 0 15.704-12.937l6.242-32C297.599 41.184 290.034 32 279.968 32H120.235a16 16 0 0 0-15.704 12.937l-6.242 32C96.362 86.816 103.927 96 113.993 96h33.846l-62.09 320H46.278a16 16 0 0 0-15.704 12.935l-6.245 32C22.402 470.815 29.967 480 40.034 480h158.479a16 16 0 0 0 15.704-12.935l6.245-32c1.927-9.88-5.638-19.065-15.704-19.065z"></path></svg><!-- <i class="fas fa-italic" aria-hidden="true"></i> --><span class="fr-sr-only">Italic</span></button><button id="color-28" type="button" tabindex="-1" role="button" class="fr-command fr-btn fr-btn-font_awesome_5" data-cmd="color" data-popup="true" aria-disabled="false"><svg class="svg-inline--fa fa-tint fa-w-11" aria-hidden="true" data-prefix="fas" data-icon="tint" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512" data-fa-i2svg=""><path fill="currentColor" d="M205.22 22.09c-7.94-28.78-49.44-30.12-58.44 0C100.01 179.85 0 222.72 0 333.91 0 432.35 78.72 512 176 512s176-79.65 176-178.09c0-111.75-99.79-153.34-146.78-311.82zM176 448c-61.75 0-112-50.25-112-112 0-8.84 7.16-16 16-16s16 7.16 16 16c0 44.11 35.89 80 80 80 8.84 0 16 7.16 16 16s-7.16 16-16 16z"></path></svg><!-- <i class="fas fa-tint" aria-hidden="true"></i> --><span class="fr-sr-only">Colors</span></button><button id="paragraphFormat-28" type="button" tabindex="-1" role="button" aria-controls="dropdown-menu-paragraphFormat-28" aria-expanded="false" aria-haspopup="true" class="fr-command fr-btn fr-dropdown fr-btn-font_awesome_5 fr-selection" data-cmd="paragraphFormat" aria-disabled="false"><svg class="svg-inline--fa fa-paragraph fa-w-14" aria-hidden="true" data-prefix="fas" data-icon="paragraph" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M408 32H177.531C88.948 32 16.045 103.335 16 191.918 15.956 280.321 87.607 352 176 352v104c0 13.255 10.745 24 24 24h32c13.255 0 24-10.745 24-24V112h32v344c0 13.255 10.745 24 24 24h32c13.255 0 24-10.745 24-24V112h40c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24z"></path></svg><!-- <i class="fas fa-paragraph" aria-hidden="true"></i> --><span class="fr-sr-only">Paragraph Format</span></button><div id="dropdown-menu-paragraphFormat-28" class="fr-dropdown-menu" role="listbox" aria-labelledby="paragraphFormat-28" aria-hidden="true" style="left: 130px; top: 38px;"><div class="fr-dropdown-wrapper" role="presentation"><div class="fr-dropdown-content" role="presentation"><ul class="fr-dropdown-list" role="presentation"><li role="presentation"><p style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command fr-active" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="N" title="Normal" aria-selected="true">Normal</a></p></li><li role="presentation"><h1 style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="H1" title="Heading 1" aria-selected="false">Heading 1</a></h1></li><li role="presentation"><h2 style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="H2" title="Heading 2" aria-selected="false">Heading 2</a></h2></li><li role="presentation"><h3 style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="H3" title="Heading 3" aria-selected="false">Heading 3</a></h3></li><li role="presentation"><h4 style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="H4" title="Heading 4" aria-selected="false">Heading 4</a></h4></li><li role="presentation"><pre style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="PRE" title="Code" aria-selected="false">Code</a></pre></li></ul></div></div></div><button id="align-28" type="button" tabindex="-1" role="button" aria-controls="dropdown-menu-align-28" aria-expanded="false" aria-haspopup="true" class="fr-command fr-btn fr-dropdown fr-btn-font_awesome_5" data-cmd="align" aria-disabled="false"><svg class="svg-inline--fa fa-align-left fa-w-14" aria-hidden="true" data-prefix="fas" data-icon="align-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M288 44v40c0 8.837-7.163 16-16 16H16c-8.837 0-16-7.163-16-16V44c0-8.837 7.163-16 16-16h256c8.837 0 16 7.163 16 16zM0 172v40c0 8.837 7.163 16 16 16h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16zm16 312h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm256-200H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16h256c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16z"></path></svg><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><span class="fr-sr-only">Align</span></button><div id="dropdown-menu-align-28" class="fr-dropdown-menu" role="listbox" aria-labelledby="align-28" aria-hidden="true"><div class="fr-dropdown-wrapper" role="presentation"><div class="fr-dropdown-content" role="presentation"><ul class="fr-dropdown-list" role="presentation"><li role="presentation"><a class="fr-command fr-title" tabindex="-1" role="option" data-cmd="align" data-param1="left" title="Align Left"><svg class="svg-inline--fa fa-align-left fa-w-14" aria-hidden="true" data-prefix="fas" data-icon="align-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M288 44v40c0 8.837-7.163 16-16 16H16c-8.837 0-16-7.163-16-16V44c0-8.837 7.163-16 16-16h256c8.837 0 16 7.163 16 16zM0 172v40c0 8.837 7.163 16 16 16h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16zm16 312h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm256-200H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16h256c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16z"></path></svg><!-- <i class="fas fa-align-left" aria-hidden="true"></i> --><span class="fr-sr-only">Align Left</span></a></li><li role="presentation"><a class="fr-command fr-title" tabindex="-1" role="option" data-cmd="align" data-param1="center" title="Align Center"><svg class="svg-inline--fa fa-align-center fa-w-14" aria-hidden="true" data-prefix="fas" data-icon="align-center" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M352 44v40c0 8.837-7.163 16-16 16H112c-8.837 0-16-7.163-16-16V44c0-8.837 7.163-16 16-16h224c8.837 0 16 7.163 16 16zM16 228h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 256h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm320-200H112c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16h224c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16z"></path></svg><!-- <i class="fas fa-align-center" aria-hidden="true"></i> --><span class="fr-sr-only">Align Center</span></a></li><li role="presentation"><a class="fr-command fr-title" tabindex="-1" role="option" data-cmd="align" data-param1="right" title="Align Right"><svg class="svg-inline--fa fa-align-right fa-w-14" aria-hidden="true" data-prefix="fas" data-icon="align-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M160 84V44c0-8.837 7.163-16 16-16h256c8.837 0 16 7.163 16 16v40c0 8.837-7.163 16-16 16H176c-8.837 0-16-7.163-16-16zM16 228h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 256h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm160-128h256c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H176c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg><!-- <i class="fas fa-align-right" aria-hidden="true"></i> --><span class="fr-sr-only">Align Right</span></a></li><li role="presentation"><a class="fr-command fr-title" tabindex="-1" role="option" data-cmd="align" data-param1="justify" title="Align Justify"><svg class="svg-inline--fa fa-align-justify fa-w-14" aria-hidden="true" data-prefix="fas" data-icon="align-justify" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M0 84V44c0-8.837 7.163-16 16-16h416c8.837 0 16 7.163 16 16v40c0 8.837-7.163 16-16 16H16c-8.837 0-16-7.163-16-16zm16 144h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 256h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0-128h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg><!-- <i class="fas fa-align-justify" aria-hidden="true"></i> --><span class="fr-sr-only">Align Justify</span></a></li></ul></div></div></div><div class="fr-separator fr-hs" role="separator" aria-orientation="horizontal"></div><button id="emoticons-28" type="button" tabindex="-1" role="button" class="fr-command fr-btn fr-btn-font_awesome_5" data-cmd="emoticons" data-popup="true" aria-disabled="false"><svg class="svg-inline--fa fa-smile fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="smile" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" data-fa-i2svg=""><path fill="currentColor" d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm80 168c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-160 0c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm194.8 170.2C334.3 380.4 292.5 400 248 400s-86.3-19.6-114.8-53.8c-13.6-16.3 11-36.7 24.6-20.5 22.4 26.9 55.2 42.2 90.2 42.2s67.8-15.4 90.2-42.2c13.4-16.2 38.1 4.2 24.6 20.5z"></path></svg><!-- <i class="fas fa-smile" aria-hidden="true"></i> --><span class="fr-sr-only">Emoticons</span></button><button id="insertLink-28" type="button" tabindex="-1" role="button" class="fr-command fr-btn fr-btn-font_awesome_5" data-cmd="insertLink" data-popup="true" aria-disabled="false"><svg class="svg-inline--fa fa-link fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="link" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"></path></svg><!-- <i class="fas fa-link" aria-hidden="true"></i> --><span class="fr-sr-only">Insert Link</span></button><button id="insertImage-28" type="button" tabindex="-1" role="button" class="fr-command fr-btn fr-btn-font_awesome_5" data-cmd="insertImage" data-popup="true" aria-disabled="false"><svg class="svg-inline--fa fa-image fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="image" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M464 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM112 120c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56-25.072-56-56-56zM64 384h384V272l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L208 320l-55.515-55.515c-4.686-4.686-12.284-4.686-16.971 0L64 336v48z"></path></svg><!-- <i class="fas fa-image" aria-hidden="true"></i> --><span class="fr-sr-only">Insert Image</span></button><button id="undo-28" type="button" tabindex="-1" role="button" aria-disabled="false" class="fr-command fr-btn fr-btn-font_awesome_5" data-cmd="undo"><svg class="svg-inline--fa fa-undo fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="undo" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M212.333 224.333H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h48c6.627 0 12 5.373 12 12v78.112C117.773 39.279 184.26 7.47 258.175 8.007c136.906.994 246.448 111.623 246.157 248.532C504.041 393.258 393.12 504 256.333 504c-64.089 0-122.496-24.313-166.51-64.215-5.099-4.622-5.334-12.554-.467-17.42l33.967-33.967c4.474-4.474 11.662-4.717 16.401-.525C170.76 415.336 211.58 432 256.333 432c97.268 0 176-78.716 176-176 0-97.267-78.716-176-176-176-58.496 0-110.28 28.476-142.274 72.333h98.274c6.627 0 12 5.373 12 12v48c0 6.627-5.373 12-12 12z"></path></svg><!-- <i class="fas fa-undo" aria-hidden="true"></i> --><span class="fr-sr-only">Undo</span></button><button id="redo-28" type="button" tabindex="-1" role="button" aria-disabled="true" title="Redo (Ctrl+Shift+Z)" class="fr-command fr-btn fr-btn-font_awesome_5 fr-disabled" data-cmd="redo"><svg class="svg-inline--fa fa-redo fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="redo" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M500.333 0h-47.411c-6.853 0-12.314 5.729-11.986 12.574l3.966 82.759C399.416 41.899 331.672 8 256.001 8 119.34 8 7.899 119.526 8 256.187 8.101 393.068 119.096 504 256 504c63.926 0 122.202-24.187 166.178-63.908 5.113-4.618 5.354-12.561.482-17.433l-33.971-33.971c-4.466-4.466-11.64-4.717-16.38-.543C341.308 415.448 300.606 432 256 432c-97.267 0-176-78.716-176-176 0-97.267 78.716-176 176-176 60.892 0 114.506 30.858 146.099 77.8l-101.525-4.865c-6.845-.328-12.574 5.133-12.574 11.986v47.411c0 6.627 5.373 12 12 12h200.333c6.627 0 12-5.373 12-12V12c0-6.627-5.373-12-12-12z"></path></svg><!-- <i class="fas fa-redo" aria-hidden="true"></i> --><span class="fr-sr-only">Redo</span></button></div> <div class="fr-image-overlay" style="display: none;"></div> <div class="fr-tooltip" style="left: -3000px; top: 1093px; position: fixed;">Paragraph Format</div> <div class="fr-popup fr-desktop fr-inline" style="z-index: 10004; left: 1039.61px; top: 1131.8px;"><span class="fr-arrow" style="margin-left: -5px;"></span><div class="fr-buttons"><button id="linkEdit-9" type="button" tabindex="-1" role="button" class="fr-command fr-btn fr-btn-font_awesome_5" data-cmd="linkEdit" data-popup="true"><svg class="svg-inline--fa fa-edit fa-w-18" aria-hidden="true" data-prefix="fas" data-icon="edit" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z"></path></svg><!-- <i class="fas fa-edit" aria-hidden="true"></i> --><span class="fr-sr-only">Edit Link</span></button><button id="linkButton-9" type="button" tabindex="-1" role="button" aria-controls="dropdown-menu-linkButton-9" aria-expanded="false" aria-haspopup="true" title="Choose Style" class="fr-command fr-btn fr-dropdown fr-btn-font_awesome_5" data-cmd="linkButton"><svg class="svg-inline--fa fa-star fa-w-18" aria-hidden="true" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg><!-- <i class="fas fa-star" aria-hidden="true"></i> --><span class="fr-sr-only">Choose Style</span></button><div id="dropdown-menu-linkButton-9" class="fr-dropdown-menu" role="listbox" aria-labelledby="linkButton-9" aria-hidden="true"><div class="fr-dropdown-wrapper" role="presentation"><div class="fr-dropdown-content" role="presentation"><ul class="fr-dropdown-list" role="presentation"><li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="linkButton" data-param1="link" title="Link">Link</a></li><li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="linkButton" data-param1="button" title="Button">Button</a></li><li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="linkButton" data-param1="outline" title="Outline">Outline</a></li></ul></div></div></div><button id="linkRemove-9" type="button" tabindex="-1" role="button" title="Unlink" class="fr-command fr-btn fr-btn-font_awesome_5" data-cmd="linkRemove"><svg class="svg-inline--fa fa-unlink fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="unlink" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M304.083 405.907c4.686 4.686 4.686 12.284 0 16.971l-44.674 44.674c-59.263 59.262-155.693 59.266-214.961 0-59.264-59.265-59.264-155.696 0-214.96l44.675-44.675c4.686-4.686 12.284-4.686 16.971 0l39.598 39.598c4.686 4.686 4.686 12.284 0 16.971l-44.675 44.674c-28.072 28.073-28.072 73.75 0 101.823 28.072 28.072 73.75 28.073 101.824 0l44.674-44.674c4.686-4.686 12.284-4.686 16.971 0l39.597 39.598zm-56.568-260.216c4.686 4.686 12.284 4.686 16.971 0l44.674-44.674c28.072-28.075 73.75-28.073 101.824 0 28.072 28.073 28.072 73.75 0 101.823l-44.675 44.674c-4.686 4.686-4.686 12.284 0 16.971l39.598 39.598c4.686 4.686 12.284 4.686 16.971 0l44.675-44.675c59.265-59.265 59.265-155.695 0-214.96-59.266-59.264-155.695-59.264-214.961 0l-44.674 44.674c-4.686 4.686-4.686 12.284 0 16.971l39.597 39.598zm234.828 359.28l22.627-22.627c9.373-9.373 9.373-24.569 0-33.941L63.598 7.029c-9.373-9.373-24.569-9.373-33.941 0L7.029 29.657c-9.373 9.373-9.373 24.569 0 33.941l441.373 441.373c9.373 9.372 24.569 9.372 33.941 0z"></path></svg><!-- <i class="fas fa-unlink" aria-hidden="true"></i> --><span class="fr-sr-only">Unlink</span></button></div></div> <div class="fr-popup fr-desktop fr-inline" style="z-index: 10004; left: 1126.5px; top: 963.797px;"><span class="fr-arrow" style="margin-left: -5px;"></span><div class="fr-buttons"><button id="imageReplace-2" type="button" tabindex="-1" role="button" class="fr-command fr-btn fr-btn-font_awesome_5" data-cmd="imageReplace" data-popup="true"><svg class="svg-inline--fa fa-exchange-alt fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="exchange-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M0 168v-16c0-13.255 10.745-24 24-24h360V80c0-21.367 25.899-32.042 40.971-16.971l80 80c9.372 9.373 9.372 24.569 0 33.941l-80 80C409.956 271.982 384 261.456 384 240v-48H24c-13.255 0-24-10.745-24-24zm488 152H128v-48c0-21.314-25.862-32.08-40.971-16.971l-80 80c-9.372 9.373-9.372 24.569 0 33.941l80 80C102.057 463.997 128 453.437 128 432v-48h360c13.255 0 24-10.745 24-24v-16c0-13.255-10.745-24-24-24z"></path></svg><!-- <i class="fas fa-exchange-alt" aria-hidden="true"></i> --><span class="fr-sr-only">Replace</span></button></div></div> <div class="fr-popup fr-desktop fr-inline" style="z-index: 10004; left: 989.5px; top: 851.797px;"><span class="fr-arrow" style="margin-left: -5px;"></span><div class="fr-buttons" style=""><button id="imageBack-2" type="button" tabindex="-1" role="button" title="Back" class="fr-command fr-btn fr-btn-font_awesome_5 fr-back" data-cmd="imageBack"><svg class="svg-inline--fa fa-arrow-left fa-w-14" aria-hidden="true" data-prefix="fas" data-icon="arrow-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z"></path></svg><!-- <i class="fas fa-arrow-left" aria-hidden="true"></i> --><span class="fr-sr-only">Back</span></button><div class="fr-separator fr-vs" role="separator" aria-orientation="vertical"></div><button id="imageUpload-2" type="button" tabindex="-1" role="button" aria-pressed="true" title="Upload Image" class="fr-command fr-btn fr-btn-font_awesome_5 fr-active" data-cmd="imageUpload"><svg class="svg-inline--fa fa-upload fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="upload" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg><!-- <i class="fas fa-upload" aria-hidden="true"></i> --><span class="fr-sr-only">Upload Image</span></button><button id="imageByURL-2" type="button" tabindex="-1" role="button" aria-pressed="false" title="By URL" class="fr-command fr-btn fr-btn-font_awesome_5" data-cmd="imageByURL"><svg class="svg-inline--fa fa-link fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="link" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"></path></svg><!-- <i class="fas fa-link" aria-hidden="true"></i> --><span class="fr-sr-only">By URL</span></button></div><div class="fr-image-upload-layer fr-layer fr-active" id="fr-image-upload-layer-2"><strong>Drop image</strong><br>(or click)<div class="fr-form"><input type="file" accept="image/jpeg, image/jpg, image/png, image/gif" tabindex="-1" aria-labelledby="fr-image-upload-layer-2" role="button" dir="auto" class="fr-not-empty" disabled="disabled"></div></div><div class="fr-image-by-url-layer fr-layer" id="fr-image-by-url-layer-2"><div class="fr-input-line"><input id="fr-image-by-url-layer-text-2" type="text" placeholder="http://" tabindex="1" aria-required="true" dir="auto" class="fr-not-empty" disabled="disabled"><label for="fr-image-by-url-layer-text-2">http://</label></div><div class="fr-action-buttons"><button type="button" class="fr-command fr-submit" data-cmd="imageInsertByURL" tabindex="2" role="button">Replace</button></div></div><div class="fr-image-progress-bar-layer fr-layer"><h3 tabindex="-1" class="fr-message">Loading image</h3><div class="fr-loader fr-indeterminate"><span class="fr-progress"></span></div><div class="fr-action-buttons fr-indeterminate"><button type="button" class="fr-command fr-dismiss" data-cmd="imageDismissError" tabindex="2" role="button">OK</button></div></div></div> <div class="fr-popup fr-desktop fr-inline" style="z-index: 10004; left: 562.5px; top: 166.797px;"><span class="fr-arrow" style="margin-left: -5px;"></span><div class="fr-buttons fr-colors-buttons"><button id="colorsBack-1" type="button" tabindex="-1" role="button" title="Back" class="fr-command fr-btn fr-btn-font_awesome_5 fr-back" data-cmd="colorsBack"><svg class="svg-inline--fa fa-arrow-left fa-w-14" aria-hidden="true" data-prefix="fas" data-icon="arrow-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z"></path></svg><!-- <i class="fas fa-arrow-left" aria-hidden="true"></i> --><span class="fr-sr-only">Back</span></button><div class="fr-separator fr-vs" role="separator" aria-orientation="vertical"></div><div class="fr-separator fr-hs" role="separator" aria-orientation="horizontal"></div><div class="fr-colors-tabs fr-group"><span class="fr-colors-tab fr-selected-tab fr-command" tabindex="-1" role="button" aria-pressed="true" data-param1="text" data-cmd="colorChangeSet" title="Text">Text</span><span class="fr-colors-tab fr-command" tabindex="-1" role="button" aria-pressed="false" data-param1="background" data-cmd="colorChangeSet" title="Background">Background</span></div></div><div class="fr-color-set fr-text-color fr-selected-set"><span class="fr-command fr-select-color" style="background: #61BD6D;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#61BD6D"><span class="fr-sr-only">Color #61BD6D&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #1ABC9C;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#1ABC9C"><span class="fr-sr-only">Color #1ABC9C&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #54ACD2;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#54ACD2"><span class="fr-sr-only">Color #54ACD2&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #2C82C9;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#2C82C9"><span class="fr-sr-only">Color #2C82C9&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #9365B8;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#9365B8"><span class="fr-sr-only">Color #9365B8&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #475577;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#475577"><span class="fr-sr-only">Color #475577&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #CCCCCC;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#CCCCCC"><span class="fr-sr-only">Color #CCCCCC&nbsp;&nbsp;&nbsp;</span></span><br><span class="fr-command fr-select-color" style="background: #41A85F;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#41A85F"><span class="fr-sr-only">Color #41A85F&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #00A885;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#00A885"><span class="fr-sr-only">Color #00A885&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #3D8EB9;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#3D8EB9"><span class="fr-sr-only">Color #3D8EB9&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #2969B0;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#2969B0"><span class="fr-sr-only">Color #2969B0&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #553982;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#553982"><span class="fr-sr-only">Color #553982&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #28324E;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#28324E"><span class="fr-sr-only">Color #28324E&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #000000;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#000000"><span class="fr-sr-only">Color #000000&nbsp;&nbsp;&nbsp;</span></span><br><span class="fr-command fr-select-color" style="background: #F7DA64;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#F7DA64"><span class="fr-sr-only">Color #F7DA64&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #FBA026;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#FBA026"><span class="fr-sr-only">Color #FBA026&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #EB6B56;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#EB6B56"><span class="fr-sr-only">Color #EB6B56&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #E25041;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#E25041"><span class="fr-sr-only">Color #E25041&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #A38F84;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#A38F84"><span class="fr-sr-only">Color #A38F84&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #EFEFEF;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#EFEFEF"><span class="fr-sr-only">Color #EFEFEF&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #FFFFFF;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#FFFFFF"><span class="fr-sr-only">Color #FFFFFF&nbsp;&nbsp;&nbsp;</span></span><br><span class="fr-command fr-select-color" style="background: #FAC51C;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#FAC51C"><span class="fr-sr-only">Color #FAC51C&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #F37934;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#F37934"><span class="fr-sr-only">Color #F37934&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #D14841;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#D14841"><span class="fr-sr-only">Color #D14841&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #B8312F;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#B8312F"><span class="fr-sr-only">Color #B8312F&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #7C706B;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#7C706B"><span class="fr-sr-only">Color #7C706B&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #D1D5D8;" tabindex="-1" aria-selected="false" role="button" data-cmd="textColor" data-param1="#D1D5D8"><span class="fr-sr-only">Color #D1D5D8&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" data-cmd="textColor" tabindex="-1" role="button" data-param1="REMOVE" title="Clear Formatting"><svg class="svg-inline--fa fa-eraser fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="eraser" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M497.941 273.941c18.745-18.745 18.745-49.137 0-67.882l-160-160c-18.745-18.745-49.136-18.746-67.883 0l-256 256c-18.745 18.745-18.745 49.137 0 67.882l96 96A48.004 48.004 0 0 0 144 480h356c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12H355.883l142.058-142.059zm-302.627-62.627l137.373 137.373L265.373 416H150.628l-80-80 124.686-124.686z"></path></svg><!-- <i class="fas fa-eraser" aria-hidden="true"></i> --><span class="fr-sr-only">Clear Formatting</span></span></div><div class="fr-color-set fr-background-color"><span class="fr-command fr-select-color" style="background: #61BD6D;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#61BD6D"><span class="fr-sr-only">Color #61BD6D&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #1ABC9C;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#1ABC9C"><span class="fr-sr-only">Color #1ABC9C&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #54ACD2;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#54ACD2"><span class="fr-sr-only">Color #54ACD2&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #2C82C9;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#2C82C9"><span class="fr-sr-only">Color #2C82C9&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #9365B8;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#9365B8"><span class="fr-sr-only">Color #9365B8&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #475577;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#475577"><span class="fr-sr-only">Color #475577&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #CCCCCC;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#CCCCCC"><span class="fr-sr-only">Color #CCCCCC&nbsp;&nbsp;&nbsp;</span></span><br><span class="fr-command fr-select-color" style="background: #41A85F;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#41A85F"><span class="fr-sr-only">Color #41A85F&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #00A885;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#00A885"><span class="fr-sr-only">Color #00A885&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #3D8EB9;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#3D8EB9"><span class="fr-sr-only">Color #3D8EB9&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #2969B0;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#2969B0"><span class="fr-sr-only">Color #2969B0&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #553982;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#553982"><span class="fr-sr-only">Color #553982&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #28324E;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#28324E"><span class="fr-sr-only">Color #28324E&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #000000;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#000000"><span class="fr-sr-only">Color #000000&nbsp;&nbsp;&nbsp;</span></span><br><span class="fr-command fr-select-color" style="background: #F7DA64;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#F7DA64"><span class="fr-sr-only">Color #F7DA64&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #FBA026;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#FBA026"><span class="fr-sr-only">Color #FBA026&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #EB6B56;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#EB6B56"><span class="fr-sr-only">Color #EB6B56&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #E25041;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#E25041"><span class="fr-sr-only">Color #E25041&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #A38F84;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#A38F84"><span class="fr-sr-only">Color #A38F84&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #EFEFEF;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#EFEFEF"><span class="fr-sr-only">Color #EFEFEF&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #FFFFFF;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#FFFFFF"><span class="fr-sr-only">Color #FFFFFF&nbsp;&nbsp;&nbsp;</span></span><br><span class="fr-command fr-select-color" style="background: #FAC51C;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#FAC51C"><span class="fr-sr-only">Color #FAC51C&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #F37934;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#F37934"><span class="fr-sr-only">Color #F37934&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #D14841;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#D14841"><span class="fr-sr-only">Color #D14841&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #B8312F;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#B8312F"><span class="fr-sr-only">Color #B8312F&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #7C706B;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#7C706B"><span class="fr-sr-only">Color #7C706B&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" style="background: #D1D5D8;" tabindex="-1" aria-selected="false" role="button" data-cmd="backgroundColor" data-param1="#D1D5D8"><span class="fr-sr-only">Color #D1D5D8&nbsp;&nbsp;&nbsp;</span></span><span class="fr-command fr-select-color" data-cmd="backgroundColor" tabindex="-1" role="button" data-param1="REMOVE" title="Clear Formatting"><svg class="svg-inline--fa fa-eraser fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="eraser" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M497.941 273.941c18.745-18.745 18.745-49.137 0-67.882l-160-160c-18.745-18.745-49.136-18.746-67.883 0l-256 256c-18.745 18.745-18.745 49.137 0 67.882l96 96A48.004 48.004 0 0 0 144 480h356c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12H355.883l142.058-142.059zm-302.627-62.627l137.373 137.373L265.373 416H150.628l-80-80 124.686-124.686z"></path></svg><!-- <i class="fas fa-eraser" aria-hidden="true"></i> --><span class="fr-sr-only">Clear Formatting</span></span></div></div> <div class="fr-popup fr-desktop fr-inline" style="z-index: 10004; left: 989.5px; top: 953.297px;"><span class="fr-arrow" style="margin-left: -5px;"></span><div class="fr-buttons" style=""><button id="imageBack-28" type="button" tabindex="-1" role="button" title="Back" class="fr-command fr-btn fr-btn-font_awesome_5 fr-back" data-cmd="imageBack"><svg class="svg-inline--fa fa-arrow-left fa-w-14" aria-hidden="true" data-prefix="fas" data-icon="arrow-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z"></path></svg><!-- <i class="fas fa-arrow-left" aria-hidden="true"></i> --><span class="fr-sr-only">Back</span></button><div class="fr-separator fr-vs" role="separator" aria-orientation="vertical"></div><button id="imageUpload-28" type="button" tabindex="-1" role="button" aria-pressed="true" class="fr-command fr-btn fr-btn-font_awesome_5 fr-active" data-cmd="imageUpload"><svg class="svg-inline--fa fa-upload fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="upload" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg><!-- <i class="fas fa-upload" aria-hidden="true"></i> --><span class="fr-sr-only">Upload Image</span></button><button id="imageByURL-28" type="button" tabindex="-1" role="button" aria-pressed="false" class="fr-command fr-btn fr-btn-font_awesome_5" data-cmd="imageByURL"><svg class="svg-inline--fa fa-link fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="link" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"></path></svg><!-- <i class="fas fa-link" aria-hidden="true"></i> --><span class="fr-sr-only">By URL</span></button></div><div class="fr-image-upload-layer fr-layer fr-active" id="fr-image-upload-layer-28"><strong>Drop image</strong><br>(or click)<div class="fr-form"><input type="file" accept="image/jpeg, image/jpg, image/png, image/gif" tabindex="-1" aria-labelledby="fr-image-upload-layer-28" role="button" dir="auto" class="fr-not-empty" disabled="disabled"></div></div><div class="fr-image-by-url-layer fr-layer" id="fr-image-by-url-layer-28"><div class="fr-input-line"><input id="fr-image-by-url-layer-text-28" type="text" placeholder="http://" tabindex="1" aria-required="true" dir="auto" class="fr-not-empty" disabled="disabled"><label for="fr-image-by-url-layer-text-28">http://</label></div><div class="fr-action-buttons"><button type="button" class="fr-command fr-submit" data-cmd="imageInsertByURL" tabindex="2" role="button">Replace</button></div></div><div class="fr-image-progress-bar-layer fr-layer"><h3 tabindex="-1" class="fr-message">Loading image</h3><div class="fr-loader fr-indeterminate"><span class="fr-progress"></span></div><div class="fr-action-buttons fr-indeterminate"><button type="button" class="fr-command fr-dismiss" data-cmd="imageDismissError" tabindex="2" role="button">OK</button></div></div></div> <div class="fr-popup fr-desktop fr-inline" style="z-index: 10004; left: 1126.5px; top: 979.297px;"><span class="fr-arrow" style="margin-left: -5px;"></span><div class="fr-buttons"><button id="imageReplace-28" type="button" tabindex="-1" role="button" class="fr-command fr-btn fr-btn-font_awesome_5" data-cmd="imageReplace" data-popup="true"><svg class="svg-inline--fa fa-exchange-alt fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="exchange-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M0 168v-16c0-13.255 10.745-24 24-24h360V80c0-21.367 25.899-32.042 40.971-16.971l80 80c9.372 9.373 9.372 24.569 0 33.941l-80 80C409.956 271.982 384 261.456 384 240v-48H24c-13.255 0-24-10.745-24-24zm488 152H128v-48c0-21.314-25.862-32.08-40.971-16.971l-80 80c-9.372 9.373-9.372 24.569 0 33.941l80 80C102.057 463.997 128 453.437 128 432v-48h360c13.255 0 24-10.745 24-24v-16c0-13.255-10.745-24-24-24z"></path></svg><!-- <i class="fas fa-exchange-alt" aria-hidden="true"></i> --><span class="fr-sr-only">Replace</span></button></div></div> <div class="fr-image-resizer" style="top: -1px; left: 4px; width: 150px; height: 150px;"><div class="fr-handler fr-hnw"></div><div class="fr-handler fr-hne"></div><div class="fr-handler fr-hsw"></div><div class="fr-handler fr-hse"></div></div> <div class="fr-popup fr-desktop fr-inline" style="z-index: 10004; left: 1005.5px; top: 2158.59px;"><span class="fr-arrow" style="margin-left: -5px;"></span><div class="fr-buttons"><button id="linkBack-19" type="button" tabindex="-1" role="button" title="Back" class="fr-command fr-btn fr-btn-font_awesome_5 fr-back" data-cmd="linkBack"><svg class="svg-inline--fa fa-arrow-left fa-w-14" aria-hidden="true" data-prefix="fas" data-icon="arrow-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z"></path></svg><!-- <i class="fas fa-arrow-left" aria-hidden="true"></i> --><span class="fr-sr-only">Back</span></button><div class="fr-separator fr-vs" role="separator" aria-orientation="vertical"></div><button id="linkList-19" type="button" tabindex="-1" role="button" aria-controls="dropdown-menu-linkList-19" aria-expanded="false" aria-haspopup="true" title="Choose Link" class="fr-command fr-btn fr-dropdown fr-btn-font_awesome_5" data-cmd="linkList"><svg class="svg-inline--fa fa-search fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg><!-- <i class="fas fa-search" aria-hidden="true"></i> --><span class="fr-sr-only">Choose Link</span></button><div id="dropdown-menu-linkList-19" class="fr-dropdown-menu" role="listbox" aria-labelledby="linkList-19" aria-hidden="true"><div class="fr-dropdown-wrapper" role="presentation"><div class="fr-dropdown-content" role="presentation"><ul class="fr-dropdown-list" role="presentation"><li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="linkList" data-param1="0">Froala</a></li><li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="linkList" data-param1="1">Google</a></li><li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="linkList" data-param1="2">Facebook</a></li></ul></div></div></div></div><div class="fr-link-insert-layer fr-layer fr-active" id="fr-link-insert-layer-19"><div class="fr-input-line"><input id="fr-link-insert-layer-url-19" name="href" type="text" class="fr-link-attr" placeholder="URL" tabindex="1" dir="auto" disabled="disabled"><label for="fr-link-insert-layer-url-19">URL</label></div><div class="fr-input-line"><input id="fr-link-insert-layer-text-19" name="text" type="text" class="fr-link-attr" placeholder="Text" tabindex="2" dir="auto" disabled="disabled"><label for="fr-link-insert-layer-text-19">Text</label></div><div class="fr-checkbox-line"><span class="fr-checkbox"><input name="target" class="fr-link-attr fr-not-empty" data-checked="_blank" type="checkbox" id="fr-link-target-19" tabindex="3" dir="auto" disabled="disabled"><span><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" viewBox="0 0 32 32"><path d="M27 4l-15 15-7-7-5 5 12 12 20-20z" fill="#FFF"></path></svg></span></span><label for="fr-link-target-19">Open in new tab</label></div><div class="fr-action-buttons"><button class="fr-command fr-submit" role="button" data-cmd="linkInsert" href="#" tabindex="4" type="button">Insert</button></div></div></div> </body> </html>

Tools for autoupdating Keynote presentations from a live code base.

Tool for creating live presentations and evaluating Python code

A comprehensive Vue.js teaching platform built with Slidev, designed specifically for AltSchool engineering students. This interactive presentation platform delivers structured Vue.js education through engaging slides, live code examples, and modern Vue development practices.

Claude Code plugin for building native SwiftUI macOS presentation apps with live animations and interactive stages

Deep Learning presentation and live coding demo

A live coding presentation on GraphQL for OSCON 2018

Intellij plugin which displays the result of a Java main invocation as a tooltip. Ideal for presentations with live code demo's.