Improve articles, improve styles for mobile
authorDion Moult <dion@thinkmoult.com>
Wed, 20 Nov 2019 10:43:18 +0000 (21:43 +1100)
committerDion Moult <dion@thinkmoult.com>
Wed, 20 Nov 2019 10:43:18 +0000 (21:43 +1100)
pages/blenderbim-vs-revit/page.html
pages/community/page.html
pages/ifcglobalid/page.html
pages/index/page.html
pages/search-ifc-class/page.html
pages/types-of-bim-data/page.html
pages/why-provide-openbim-model/page.html
templates/header.html
www/style.css

index fed8ffbcfedde6214df15f8fd3d7e3eabad92177..482aff8dd410dd682d49101a57a13a69a79e0f25 100644 (file)
@@ -1,4 +1,4 @@
-<section>
+<section class="row">
     <h2>BlenderBIM and Revit comparison</h2>
     <p>
         Revit is currently the most common BIM authoring tool by marketshare.
index 33b032fdf97970701233278e55f1f342493399a0..ff870bed9a584b81f06b34458fe317a166533d6d 100644 (file)
     <p>
         BlenderBIM would not be possible without dedicated open-source
         developers, volunteers, and industry members. You can be part of this
-        amazing community too! If you know how to code, you can contribute in
-        development. If not, you can simply use BlenderBIM, share it with your
-        friends and colleagues, suggest changes, and help change the industry
-        for the better.
+        amazing community too! Please share BlenderBIM with your
+        friends, and help change the industry.
     </p>
-    <h3>Chat with us live on IRC!</h3>
-    <div class="feature">
+</section>
+<section class="row">
+    <div class="six columns">
+        <h3>Chat with us live on IRC</h3>
         <img src="assets/kopete.svg" width="64" alt="IRC" class="symbol" />
-        <div class="feature-snippet">
         <p>
-            IRC is a free, online, real-time chatroom. It is incredibly popular with the free software community, where thousands of people are around to discuss a topic of interest. It is a great way to ask questions and get an instant reply.
+            IRC is a free, online, real-time chatroom. It is a great way to
+            ask questions and get an instant reply. If you send a message to
+            <code>Moult</code>, he can give you a demo of BlenderBIM online.
         </p>
         <p>
-            Unfortunately, it is relatively unknown to most of the AEC industry, so there are usually only 2 or 3 people online talking about architecture. However, you can try your luck and join <a href="http://webchat.freenode.net/##architect">the Freenode IRC webchat</a>, and join the channel called <code>##architect</code>. My username there is <code>Moult</code>. Mention my name and send a message to me, and if I am available, I will reply.
+            People are online at different timezones, so it's normal not to
+            get a reply straight away, but stick around, or leave your email
+            address so that somebody can reply to you later!
         </p>
         <p>
-            You should also join the <code>#blender</code> channel which usually has several hundred people online. You can ask about general Blender questions there. It is standard culture for people to remain connected 24/7 to the chatroom, but not always be at their computer to respond, so don't worry if you don't get a reply straight away, especially with only a few people in different timezones! The longer you stick around, the more likely you will get a response, and we can make this community grow!
+            <a href="http://webchat.freenode.net/##architect" class="button">Begin chatting live</a>
         </p>
-        </div>
     </div>
-    <h3>Participate in the IfcOpenShell Project</h3>
-    <div class="feature">
+    <div class="six columns">
+        <h3>Participate in the IfcOpenShell Project</h3>
         <img src="assets/git-gui.svg" width="64" alt="Git" class="symbol" />
-        <div class="feature-snippet">
-            <p>
-                BlenderBIM is part of the <a
-                    href="http://www.ifcopenshell.org/">IfcOpenShell</a>
-                project. IfcOpenShell is an open-source library that allows
-                anybody to manipulate IFC files. It is free software licensed under the <a
-                    href="https://github.com/IfcOpenShell/IfcOpenShell/blob/master/COPYING">LGPL</a>.
-            </p>
-            <p>
-                BlenderBIM started as a Blender IFC import plugin built by 
-                <a href="http://thomaskrijnen.com/">Thomas Krijnen</a>,
-                and it has now grown much larger in features with contributions
-                by <a href="https://thinkmoult.com">Dion Moult</a>.
-            <p>
-                If you know how to code Python, you can contribute to BlenderBIM
-                on the <a
-                           href="https://github.com/IfcOpenShell/IfcOpenShell/tree/v0.6.0">v0.6.0</a>
-                branch. If you know how to code in C++, you can contribute to
-                the underlying IfcOpenShell library, which will improve IFC's
-                capabilities for all. If you find any bugs with BlenderBIM or
-                want to suggest improvements, you
-                can also <a href="https://github.com/IfcOpenShell/IfcOpenShell/issues">report issues</a> or <a href="mailto:dion@thinkmoult.com">send Dion Moult an email</a>.
-            </p>
-            <p>
-                <a class="github-button" href="https://github.com/IfcOpenShell/IfcOpenShell" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star IfcOpenShell/IfcOpenShell on GitHub">Star</a>
-                <a class="github-button" href="https://github.com/IfcOpenShell/IfcOpenShell/fork" data-icon="octicon-repo-forked" data-size="large" data-show-count="true" aria-label="Fork IfcOpenShell/IfcOpenShell on GitHub">Fork</a>
-            </p>
-        </div>
+        <p>
+            BlenderBIM is part of the <a
+                href="http://www.ifcopenshell.org/">IfcOpenShell</a>
+            project. IfcOpenShell is an open-source library that allows
+            anybody to manipulate IFC files. It is free software licensed under the <a
+                href="https://github.com/IfcOpenShell/IfcOpenShell/blob/master/COPYING">LGPL</a>.
+        </p>
+        <p>
+            If you know how to code Python or C++, you can contribute to
+            BlenderBIM on the <a
+                                  href="https://github.com/IfcOpenShell/IfcOpenShell/tree/v0.6.0">v0.6.0</a>
+            branch, or the underlying IfcOpenShell library.
+        </p>
+        <p>
+            <a href="https://github.com/IfcOpenShell/IfcOpenShell/" class="button">Write code</a>
+            <a href="https://github.com/IfcOpenShell/IfcOpenShell/issues" class="button">Report bugs</a>
+        </p>
+        <p>
+            <a class="github-button" href="https://github.com/IfcOpenShell/IfcOpenShell" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star IfcOpenShell/IfcOpenShell on GitHub">Star</a>
+            <a class="github-button" href="https://github.com/IfcOpenShell/IfcOpenShell/fork" data-icon="octicon-repo-forked" data-size="large" data-show-count="true" aria-label="Fork IfcOpenShell/IfcOpenShell on GitHub">Fork</a>
+        </p>
     </div>
-    <h3>Participate in OpenBIM standards creation with BuildingSMART</h3>
-    <div class="feature">
+</section>
+<section class="row">
+    <div class="six columns">
+        <h3>Participate in OpenBIM standards creation with BuildingSMART</h3>
         <img src="assets/buildingsmart_rgb_ifc_colour.png" width="64" alt="buildingSMART" class="symbol" />
-        <div class="feature-snippet">
-            <p>
-                The ability for the AEC industry to interoperate with open data
-                standards and use open-source tools is based on the standards
-                created by <a href="https://www.buildingsmart.org/">BuildingSMART</a>.
-                They have various ways to participate which can be found on
-                their website, including <a href="https://forums.buildingsmart.org/">community forums</a>
-                where anybody can learn more about OpenBIM and ask questions.
-            </p>
-        </div>
+        <p>
+            The ability for the AEC industry to interoperate with open data
+            standards and use open-source tools is based on the standards
+            created by <a href="https://www.buildingsmart.org/">BuildingSMART</a>.
+            They have forums where anybody can learn more about OpenBIM and ask
+            questions.
+        </p>
+        <p>
+            <a href="https://forums.buildingsmart.org/" class="button">Join the OpenBIM forums</a>
+        </p>
     </div>
-    <h3>Learn and engage with the Blender community</h3>
-    <div class="feature">
+    <div class="six columns">
+        <h3>Learn and engage with the Blender community</h3>
         <img src="assets/blender.svg" width="64" alt="Blender" class="symbol" />
-        <div class="feature-snippet">
-            <p>
-                <a href="https://www.blender.org/">Blender</a> has a thriving
-                community who build amazing things, from
-                <a href="https://gooseberry.blender.org/">open-source movies</a>
-                to <a href="http://nikitron.cc.ua/sverchok_en.html">parametric
-                    node-based visual programming</a>. Learn more about how to
-                do CG-grade 3D modeling to bring your designs to the next level
-                on the <a href="https://blenderartists.org/">BlenderArtists
-                    Forums</a>. If you're already a Blender wizard, share your
-                knowledge with others!
-            </p>
-        </div>
+        <p>
+            <a href="https://www.blender.org/">Blender</a> has a thriving
+            community who build amazing things, from
+            <a href="https://gooseberry.blender.org/">open-source movies</a>
+            to <a href="http://nikitron.cc.ua/sverchok_en.html">parametric
+                node-based visual programming</a>. Learn more about how to
+            do CG-grade 3D modeling to bring your designs to the next level
+            on the BlenderArtists forums. If you're already a Blender wizard,
+            share your knowledge with others!
+        </p>
+        <p>
+            <a href="https://blenderartists.org/" class="button">Join the Blender forums</a>
+        </p>
     </div>
-    <h3>Discover the world of open-source</h3>
-    <div class="feature">
+</section>
+<section class="row">
+    <div class="six columns">
+        <h3>Discover the world of open-source</h3>
         <img src="assets/kdeapp.svg" width="64" alt="KDE" class="symbol" />
-        <div class="feature-snippet">
-            <p>
-                The visual icons on this website were from the <a href="https://kde.org">KDE</a>
-                <a href="https://cgit.kde.org/breeze.git/">Breeze project</a>
-                released under the <a href="https://cgit.kde.org/breeze.git/tree/COPYING">GPL</a>.
-            </p>
-            <p>
-                BlenderBIM, and others like <a href="https://www.freecadweb.org/">FreeCAD</a>,
-                which offers more CATIA-style parametric OpenBIM modeling, are
-                for many the first introductions to the industry of how to do
-                BIM outside the Windows platform. In particular, the Linux
-                platform, which IfcOpenShell, BlenderBIM, and FreeCAD run on
-                offers a great ecosystem of industry-grade tools and
-                infrastructure which may open up new possibilities of how we can
-                be smarter with our BIM data.
-            </p>
-            <p>
-                If you're willing to see what else is out there with computers,
-                <a href="https://duckduckgo.com/?q=get+started+with+linux&t=ffab&ia=web">give
-                    Linux a try</a>.
-            </p>
-        </div>
+
+        <p>
+            BlenderBIM may be your first introduction to what's truly possible
+            outside proprietary systems on the Microsoft Windows platform.
+            There's so much more, like <a
+                href="https://www.freecadweb.org/">FreeCAD</a>, <a
+                href="https://godotengine.org/">Godot</a>, <a
+                href="https://inkscape.org/">Inkscape</a>, <a
+                href="https://www.gimp.org/">The GIMP</a>, <a
+                href="https://krita.org/en/">Krita</a>, and <a
+                href="https://git-scm.com/">Git</a>.
+            Discover a great ecosystem of industry-grade tools and
+            infrastructure which may open up new possibilities of how we can be
+            smarter with our BIM data.
+        </p>
+        <p>
+            The visual icons on this website were from the <a href="https://kde.org">KDE</a>
+            <a href="https://cgit.kde.org/breeze.git/">Breeze project</a>
+            released under the <a href="https://cgit.kde.org/breeze.git/tree/COPYING">GPL</a>.
+        </p>
+        <p>
+            <a href="https://duckduckgo.com/?q=get+started+with+linux&t=ffab&ia=web" class="button">Discover Linux</a>
+        </p>
     </div>
 </section>
 <script async defer src="https://buttons.github.io/buttons.js"></script>
index f83aac01ca43b9c988389473620c17377984f8d9..cd53898e21d1ab9f7ad6ca8cb9ffc4122ecc4c8f 100644 (file)
@@ -1,4 +1,4 @@
-<section>
+<section class="row">
     <h2>The importance of the IFC <code>GlobalId</code> attribute</h2>
     <p>
         IFC files store information about your BIM model and BIM data. Some of this data is specific to the industry, such as <code>IfcWall</code>, or <code>IfcBeam</code>. We call these domain-specific entities <em>Rooted elements</em> in IFC-jargon.
index 5c30c44ed5b3ccaef2d02e03afd5ed647e3eacbe..3d96ab7811ec3dfe8f79660d80dafca0c34b753e 100644 (file)
@@ -91,7 +91,9 @@
         <div class="six columns">
             <h3>Latest Updates</h3>
             <div id="commits"></div>
-            <a class="button" href="https://github.com/IfcOpenShell/IfcOpenShell/commits/v0.6.0">View all changes</a>
+            <p>
+                <a class="button" href="https://github.com/IfcOpenShell/IfcOpenShell/commits/v0.6.0">View all changes</a>
+            </p>
         </div>
     </div>
     <div class="row">
index 8ddc61ec9e16d60ec64585cd4e286039620db29b..4854ca47c0a91897daff4cbff2830e7c6e396c81 100644 (file)
@@ -1,4 +1,4 @@
-<section>
+<section class="row">
     <h2>Which IFC class should I use?</h2>
     <p>
         Physical objects in an IFC file must be categorised to a
index 4215779cfe488cc1d1bc681e2e9fa2f36c5db028..ef13abfb0214e9d67f31a120e0f1150d8c887c6d 100644 (file)
@@ -1,4 +1,4 @@
-<section>
+<section class="row">
     <h2>What types of BIM data are there?</h2>
     <p>
         If you have ever exported a <code>.ifc</code> file to share a BIM model,
index 1ffce652368f6b87f8fb2ade05db062e43c09311..9f91155ea3896674515d7f1fb5a8ebafdd958986 100644 (file)
         easily analysed or discovered.
     </p>
     <p>
-        With OpenBIM, you are able to open BIM models created over a decade ago (and
-        counting!). This means you can:
+        If you choose to focus on high quality OpenBIM models instead of relying
+        on a proprietary format, you can:
     </p>
     <ul>
-        <li>Check properties of building element to minimise investigative
-            works, or minimise risk during refurbishments.</li>
+        <li>Integrate a multitude of specialised tools into the design and
+            engineering process, rather than being limited to a single platform,
+            resulting in better design, using the right tool for the job, and
+            more flexibility of contracts.</li>
+        <li>Reuse the model to minimise investigative works, or minimise risk
+            during refurbishments. Just as building works expect CAD plans of
+            existing buildings, we will expect OpenBIM models of existing
+            buildings in the future.</li>
         <li>Verify building performance data, such as environmental and
             architectural design intentions, with the original intents recorded
-            in the BIM model</li>
+            in the BIM model, and perform in-house big data analytics on BIM
+            data which otherwise wouldn't be possible with proprietary BIM.</li>
         <li>Continue to use your BIM data well into the future with no vendor
             lock-in, no expensive licensing or subscripion fees, and with
             complete flexibility of your company's digital pipeline.</li>
index 562a0adb837cb65b6e8567746a9d9532bdc42305..7abaf36d70ee5e67faa464b0acb4cfe858eae9cf 100644 (file)
     <header>
         <div class="container">
             <div class="row">
-                <div class="three columns">
-                    <h1><a href="{{baseurl}}"><img src="{{baseurl}}assets/logo.png" alt="BlenderBIM" /> <span>BlenderBIM</span></a></h1>
-                </div>
-                <div class="nine columns">
-                    <nav>
-                        <ul>
-                            <li><a href="{{baseurl}}features.html">Features</a></li>
-                            <li><a href="{{baseurl}}download.html">Get BlenderBIM</a></li>
-                            <li><a href="{{baseurl}}training.html">Training &amp; Support</a></li>
-                            <li><a href="{{baseurl}}community.html">Community</a></li>
-                        </ul>
-                    </nav>
-                </div>
+                <h1><a href="{{baseurl}}"><img src="{{baseurl}}assets/logo.png" alt="BlenderBIM" /> <span>BlenderBIM</span></a></h1>
+                <nav>
+                    <ul>
+                        <li><a href="{{baseurl}}features.html">Features</a></li>
+                        <li><a href="{{baseurl}}download.html">Get BlenderBIM</a></li>
+                        <li><a href="{{baseurl}}training.html">Training &amp; Support</a></li>
+                        <li><a href="{{baseurl}}community.html">Community</a></li>
+                    </ul>
+                </nav>
             </div>
         </div>
     </header>
index 84a55a057fb4884396d877d650759e8746b6ef6b..299f0f9b47ddce50c3e894317fe4845ec07f5851 100644 (file)
@@ -10,13 +10,15 @@ body {
 }
 
 header {
-    font-family: 'Comfortaa';
     background-color: #424B54;
     background-color: #dedede;
 }
 
 h1 a {
+    font-family: 'Comfortaa';
+    display: block;
     text-decoration: none;
+    text-align: center;
     color: #333;
 }
 
@@ -40,22 +42,18 @@ section#blurb p {
     margin: 20px;
 }
 
-nav {
-    float: right;
-    font-family: 'Open Sans', sans-serif;
-}
-
 nav ul {
     margin: 0px;
     padding: 0px;
 }
 
 nav ul li {
-    display: inline-block;
+    display: block;
+    float: left;
+    width: 50%;
     height: 60px;
-    padding-left: 10px;
+    text-align: center;
     line-height: 60px;
-    float: left;
 }
 
 nav ul li a {
@@ -132,6 +130,7 @@ div#commits {
     max-height: 300px;
     scrollbar-width: thin;
     overflow: scroll;
+    margin-bottom: 20px;
 }
 
 .t-center {
@@ -163,13 +162,6 @@ td, th {
     padding: 10px;
 }
 
-tr:nth-child(odd) {
-    background-color: #EEE;
-}
-
-tr:nth-child(even) {
-    background-color: #DFDFDF;
-}
 
 th {
     border-bottom: 1px solid #CCC;
@@ -187,9 +179,26 @@ td.partially-supported {
     background-color: #fbeea2;
 }
 
+/* Skeleton override */
+.six.columns { width: 100%; }
+.four.columns { width: 100%; margin: auto; }
+
 @media (min-width: 750px) {
     div.splash { background-position: center -300px; }
     footer { line-height: 60px; }
     h3 { margin-top: 0px;}
-    nav ul li { padding-left: 40px; }
+    h1 { float: left; }
+    nav { float: right; }
+    nav ul li { display: inline-block; width: auto; padding-left: 40px; }
+    /* Skeleton override */
+    .four.columns                   { width: 30.6666666667%; margin-left: 4%; }
+    .six.columns                    { width: 48%;            }
+    .container {
+      width: 80%; }
+    .column,
+    .columns {
+      margin-left: 4%; }
+    .column:first-child,
+    .columns:first-child {
+      margin-left: 0; }
 }