You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@training.apache.org by Christofer Dutz <ch...@c-ware.de> on 2019/09/03 12:05:07 UTC
Updated template
Hi all,
in preparation to ApacheCon I updated my presentations to the latest released versions and added some more features that I was missing (multi column slides).
So the PR I just crates does both: Updates the version and adds the css and examples for multi column slides.
Chris
Re: Updated template
Posted by Justin Mclean <ju...@me.com>.
HI,
> By the way... Guess it would be great if someone could review and merge my pr.
I took a look (a while back) but not being a maven expert I’m not sure I’m qualified t +1 it.
Thanks,
Justin
Re: Updated template
Posted by Christofer Dutz <ch...@c-ware.de>.
Guess it doesn't harm to have both styles in there.
By the way... Guess it would be great if someone could review and merge my pr.
Chris
Holen Sie sich Outlook für Android<https://aka.ms/ghei36>
________________________________
From: Justin Mclean <ju...@me.com>
Sent: Sunday, September 29, 2019 4:16:14 AM
To: dev@training.apache.org <de...@training.apache.org>
Subject: Re: Updated template
Hi,
There's a trick you need to use with bullet point that that is to add a “//“ between the two groups.
You see I use that on the GitHub workshop like so:
== !
[.columns]
--
* Documentation patches
* Code patches
* Social media outreach
* Press coverage
* Meetup organisation
//
* User support
* Packaging
* Mentoring
* Conference organisation
--
Thanks,
Justin
Re: Updated template
Posted by Justin Mclean <ju...@me.com>.
Hi,
There's a trick you need to use with bullet point that that is to add a “//“ between the two groups.
You see I use that on the GitHub workshop like so:
== !
[.columns]
--
* Documentation patches
* Code patches
* Social media outreach
* Press coverage
* Meetup organisation
//
* User support
* Packaging
* Mentoring
* Conference organisation
--
Thanks,
Justin
Re: Updated template
Posted by Christofer Dutz <ch...@c-ware.de>.
Hi Justin,
I tried the follwoing:
[.columns]
-
* Siemens S7Comm (0x32) (Step7) icon:check[role=green]
* Beckhoff ADS icon:check[role=green]
* Modbus icon:check[role=green]
* EtherNet/IP icon:check[role=green]
* KNX icon:wrench[role=yellow]
* Emerson DeltaV icon:wrench[role=yellow]
* Siemens S7CommPlus (0x72) (TIA) icon:wrench[role=yellow]
* Profinet icon:pause-circle[role=light-gray]
* OPC-UA icon:pause-circle[role=light-gray]
* BacNet icon:pause-circle[role=light-gray]
-
Unfortunately both versions of the CSS styles achieved what was intended.
Chris
Am 03.09.19, 15:22 schrieb "Justin Mclean" <ju...@classsoftware.com>:
Hi,
Not tested but this would probably work for an arbitrary number of columns:
[.columns]
—
content A
content B
content C
—
. columns {
-webkit-column-count: auto;
-moz-column-count: auto;
column-count: auto;
}
Re: Updated template
Posted by Justin Mclean <ju...@classsoftware.com>.
Hi,
Not tested but this would probably work for an arbitrary number of columns:
[.columns]
—
content A
content B
content C
—
. columns {
-webkit-column-count: auto;
-moz-column-count: auto;
column-count: auto;
}
Re: Updated template
Posted by Christofer Dutz <ch...@c-ware.de>.
(Found your response in the spam again ;-) )
Well I just needed that in the PLC4X presentation as we now have so many protocols that they no longer fitted in one column, so I whipped this up ... would be happy to try out other options.
The one I posted doesn't need any wrapping, but I haven't tried and images or alike.
Chris
Am 03.09.19, 14:41 schrieb "Justin Mclean" <ju...@me.com>:
Hi,
> How would this look with the input I posted in the example file?
Not tested but no need for the +’s and just a blank line between the two sections. the two section do need to be enclosed by “—" for it to work.
I tried a number of solutions, some similar to yours (although not exactly the same) and run into a few issues involving images.
Thanks,
Justin
Re: Updated template
Posted by Justin Mclean <ju...@me.com>.
Hi,
> How would this look with the input I posted in the example file?
Not tested but no need for the +’s and just a blank line between the two sections. the two section do need to be enclosed by “—" for it to work.
I tried a number of solutions, some similar to yours (although not exactly the same) and run into a few issues involving images.
Thanks,
Justin
Re: Updated template
Posted by Christofer Dutz <ch...@c-ware.de>.
Hi Justin,
Thanks for that.
How would this look with the input I posted in the example file?
Would the two lists have to be contained in some block or would the empty line work as a separator?
Chris
Am 03.09.19, 14:18 schrieb "Justin Mclean" <ju...@classsoftware.com>:
HI,
> So the PR I just crates does both: Updates the version and adds the css and examples for multi column slides.
Interestingly enough I was mucking about with multiple column slides the other day and this is what I came up with this, which is little different to what you did:
[.twocolumns]
—
content A
content B
—
.twocolumns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
While that family modern CSS it support by a wide range of browsers [1]
It will also work for multi-column layouts with an an obvious change.
Thanks,
Justin
1. https://caniuse.com/#search=column-count
Re: Updated template
Posted by Justin Mclean <ju...@classsoftware.com>.
HI,
> So the PR I just crates does both: Updates the version and adds the css and examples for multi column slides.
Interestingly enough I was mucking about with multiple column slides the other day and this is what I came up with this, which is little different to what you did:
[.twocolumns]
—
content A
content B
—
.twocolumns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
While that family modern CSS it support by a wide range of browsers [1]
It will also work for multi-column layouts with an an obvious change.
Thanks,
Justin
1. https://caniuse.com/#search=column-count