🏆 My House Points App — Feedback welcome!

Showcase
#1

Just a showcase of my recent House Points app for the Academy I work for. Using some CSS, some trebuchet and some singlevalue columns from arrays to make magic. Feedback appreciated!

5 Likes
CSS to create overlapping profile images
#2

Oh wow, bob!

Can I be your student too? :sweat_smile:

#3

Very polished, loving the way you have used dynamic css to change the themed background.

#4

Any time!

1 Like
#5

Cloudinary magic wrapped up in that as well using some e_tint parameters :slight_smile:

1 Like
#6

Very effective and creative. :clap:

Love it Robert, you’re a clever chap

1 Like
#7

Very lovely Bob!

1 Like
#8

Very nice :+1:

Would you mind sharing the CSS you used for the Faculty Members list?

I noticed that you don’t appear to be using any column grouping in the app - have you tried it?

#9

With the newer search for column feature, I don’t use column grouping as often as I had previously. Here’s the CSS:

<pre><span><style>

/*
This CSS affects horizontal inline lists set to 4 tiles wide with a circle tile shape.
*/

.tile-inner {
width: 55px;
}

.tile-image-area {
border: solid 2px #fff;
border-radius: 50%;
box-shadow: inset 0px 0px 0px 20px #fff;
}
[data-test="app-horizontal-list"] .tile-image-area div:nth-of-type(1) {
   height: 50px;
}
.inner {
grid-template-columns: repeat(12, 50px) !important;
}
3 Likes