AquilaSands

<template>
  <h1>${message}</h1>
</template>

AquilaSands

Aurelia Custom Attribute with View

Example of an Aurelia Custom Attribute with a HTML template View

Getting Started

View this with GistRun https://gist.run/?id=637e979531abfc2449e1131beed68ead&sha=d7ecfcc868f7a823a0639bd4a4fccdd2b98cf48a

Acknowledgments

AquilaSands

Aurelia - Truncate String with Ellipsis Custom Attribute with View

An Aurelia Custom Attribute with a HTML template View that truncates text and adds a clickable ellipsis to the end that displays the original text in a popup

Getting Started

View this with GistRun https://gist.run/?id=6d0fcb3da24403d45f883d26e674b5f0&sha=850105e82e93e7ca632fd6cc719bfd64b504d928

Acknowledgments

AquilaSands

<template>
  <require from=./carousel></require>
  <h1>${message}</h1>
  
  <div>
    <carousel show-nav.bind="true" heading="Morgan Fillman" options.bind="options">
      <img repeat.for="i of 5" src="https://morganfillman.space/400/300" >
    </carousel>
  </div>
  <div style="height:50px;"></div>

AquilaSands

/*
* This produces a single css file that is then required in app.html
* The individual styles for each component are imported as a json object by 
* import * as css from './xxxxxx.css.json' in TypeScript (you get an error but this still works).
* Then in the constructor assign css to a styles property i.e. this.styles = css;
* I usually then add styles to elements by string interpolation in the html template e.g. class="${styles.cssStyle}"
*/

let gulp = require('gulp');
let gutil = require('gulp-util');

AquilaSands

<template>
  <require from="./outer"></require>
  <require from="./inner"></require>
  <h1>${message}</h1>
  <outer><inner></inner></outer>
</template>

AquilaSands

# EditorConfig is awesome: https://EditorConfig.org

# top-most EditorConfig file
root = true

# Don't use tabs for indentation. Although probably should for accessability reasons.
[*]
end_of_line = crlf
indent_style = space
insert_final_newline = true

AquilaSands

Included here are the PowerShell profile I use as well as the oh-my-posh 3 config, but in addition to these you'll need:

1. The PowerShell modules:
   • For git in PowerShell, I use posh-git
   • For prompt customization, I use oh-my-posh
   • For file/folder icons I use the excellent Terminal-Icons package by @devblackops: https://github.com/devblackops/Terminal-Icons
   • To install each:

Install-Module -Name posh-git -Repository PSGallery
Install-Module -Name oh-my-posh -Repository PSGallery

AquilaSands

name: HTTP security response headers test suites
# TOOLS
# VENOM HOME: https://github.com/ovh/venom
# VENOM RELEASE: https://github.com/ovh/venom/releases
# VENOM ASSERTION KEYWORDS: https://github.com/ovh/venom#assertion
# REF AND RUN
# REF BASE: https://owasp.org/www-project-secure-headers/
# RUN CMD: venom run --var="target_site=https://righettod.eu" venom_security_headers_tests_suite.yml 
#          venom run --var="target_site=https://righettod.eu" --var="internet_facing=true" venom_security_headers_tests_suite.yml 
#          venom run --var="target_site=https://righettod.eu" --var="internet_facing=true" --var="logout_url=/logout" venom_security_headers_tests_suite.yml