1
Chainsaw
Albany Christian Centre XOOPSed
  • 2004/2/2 1:34

  • Chainsaw

  • Quite a regular

  • Posts: 304

  • Since: 2003/9/28


Instead of hijacking another thread (sorry) I thought I'll put up my website for review. We're about to launch it on Feb 15 2004, and there are still pages without contents and the menu still need to be sorted out properly. So I'm gonna have to work hard getting these materials in soon.

The color scheme was designed by someone at church with a better sense of color than I do.

However I'm still pretty critical of it myself. I've tested it with IE, Mozilla and Netscape. It's 99% identical except for the border on the right column and the outline around Site Credit. Still trying to figure that one out.

I want the site to be less cluttered and distracting. So we're keeping animations down to the minimum.

I would like to get some honest opinion. Can you see any area I can improve on? Or maybe someone's got an idea on making the site more visually inviting?

Many thanks

http://202.89.43.124/www.albanycc.org.nz




ps. God bless ya

2
sunsnapper
Re: Albany Christian Centre XOOPSed

Well, I just had a nice friendly post with 7 comments. However, I took "too long" to compose my post, and XOOPS decided that my session had expired. I of course lost my post. Once I'm done yelling at the computer, I will try to regain my composure, and rewrite my post. Word to the wise (and long winded) copy your content before you hit submit... just in case.

3
sunsnapper
Re: Albany Christian Centre XOOPSed

Your site is fine as it is... however, if you want some nitpicky suggestions, here we go. Bare in mind that these are just the subjective opinions of one person and are in no way more valid than those of others. In the end, don't make me happy, make your team (and you) happy with the results. In that spirit...

1. "Welcome to Albany Christian Centre ::" ... either remove the "::" or move the "::" in front of the word "Welcome".

2. The red (crimson?) header that has things like "Welcome to Albany Christian Centre ::" could stretch to match the width of the contents in the center block. Currently, it stops, while the text and photo content extend further to the right. This is even more pronounced on pages with shorter headings, like Church Life - Pastoral Care.

3. Avoid the red text color like that under latest headlines. If you must keep red, replace (or remove) the "::" bullets in latest headlines, which don't seem to work as well with the color red on light brown. Typically, "::" works best with light text on a dark background. However, you may find that dark green on light brown (the green from your top row) would work here. Your web color guru will probably come up with something even better.

4. Move search to the left column (or to the top row if you can make that work). In the left column, you could try it (in order of preference) at the top of the column, bottom of the column, or between "Our Weekly Program" and "Contact Us".

5. Personally, I would left align the Albany Christian Centre logo so that it fits in a width to match that of your olive left column. I recognize that currently you are swapping that logo out with other banners, like "004" and "IWT", however I found that disorienting. If you are comfortable just using that space solely for your logo, then left align it instead of allowing it to "float".

6. OK, this is the toughest one on here... you may want to skip it. It probably opens up a hornets nest. The navigation... I like that you have picked some high priority content and placed links to it in the left column. However, the navigation at the top, with the drop menus, probably should not nest items to a second level... because it buries the link from view. Drop Menus are OK, but nested sub menus bury content and add complexity. There are two approaches, and you might want to employ both: Either pull a link up a level or consolidate content from multiple links onto one page. For example...

::Church Life - Leadership
Instead of having three items nested underneath, you could simply have a "Leadership" , "Leadership Team" or "Our Team" page that is based on the "Leadership Team" page. One would then attach the Interns at the bottom of the page. The Don and Julia content could either be integrated at the top of the page, or, could be presented as a link next to their picture, "Learn More about Don and Julia" if the amount of content you want there won't integrate into the Leadership Team page.

::Pastoral Leadership
Put prayer, training, and DNA on one page.

::Youth and Children
Consolidate into one page giving a broad overview of the programs and from that page offer links to the external web sites for those.

::Church Administrators
Remove nested links and consolidate into one page.

From the user perspective, there is not much reason to separate this content into all these separate nested links. The user does not think like you or me and in many cases is browsing, not sure what they are looking for. Be careful not to map the organization's "org chart" or hierarchy into your navigation. Instead, think of the story you are trying to tell, and ask how each page tells that story.


7. In number 5, I combined two things... so there is no longer a number 7.

Well, I'm sorry my first post vanished, because it was delicately worded, diplomatic, and wonderful. But, this is the best I could do, from memory. Good luck with your site!

4
Chainsaw
Re: Albany Christian Centre XOOPSed
  • 2004/2/2 20:50

  • Chainsaw

  • Quite a regular

  • Posts: 304

  • Since: 2003/9/28


WOW!! Thanks for the feedback and recommendation. I do really need it.

I agree the nested menu looks horrible.... will need to do something with that LOL *eye my chainsaw lovingly*

We're reworking the top banner. One of the graphic designer in church is going to send me a few designs to evaluate. I'm probably going to disable the banner ads. It's too distracting. Might look at other adverts modules instead.

I'll make the changes tonight when I get home from work. Oh BTW the site is down at the moment. In my moment of insanity I send a support form to the webhost asking how we can shift the domain root from public_html to public_html/xoops2. All I did was asked how to do it and he did it for me


ah well, will have to hack the mainfile.php tonight

Thanks again. It's refreshing to get other opinions.

5
sunsnapper
Re: Albany Christian Centre XOOPSed

Hey, I see you made a bunch of updates. That was fast. Congrats.

6
Chainsaw
Re: Albany Christian Centre XOOPSed
  • 2004/2/5 20:27

  • Chainsaw

  • Quite a regular

  • Posts: 304

  • Since: 2003/9/28


Thanks. It looks much tidier with one drop down now I've also done the title at 100% and removed the adverts.

A graphic designer at church is re-doing the top banner for me (whoohoo!!) It will have the logo flushed to left and something else on the right.

I'm going to work on the news headlines this weekend (it's a holiday this Friday in NZ).

Question: What do you think of a Flash banner on the top-right?

Question: I'm thinking of installing one of the Adverts modules. So do you reckon an advert will look OK on the center top or center bottom? We get Christian events which we would like to grab attention to.

Also I love this this article from Heal Your Church Website.

Quote:

+My personal feelings about faith aside, there are some serious technical issues about this site that need to be addressed - and healed. First and foremost, the evil animated .gif background image.

+Holy Mystery Meat ! - graphic navigation should be about giving the user a clue, not an online game.
... the majority of the people who use the Internet are purpose driven. That is, they aren't generally looking to be entertained or wowed.

+don't be fooled into thinking that 'resizing' the image with the height and width attributes of the tag will make your images load faster. They won't!

+Holy Jesus Junk! - remember when as Peter rebuked Simon Magnus for employing cheap tricks?
... [fix] the tags on the sub pages so they say something a bit more descriptive than "Untitled Document."<br>Lorem Ipsum == Check Your Title Bar - its okay to use dummy text, but only for testing.<br><br>+.. sub pages suffer from irregular use of font color, such as fire-engine red on their "Favorite Links" page, all bold and all centered fonts on their dated "What's New" page.<br>Scan Me NOT! - always use text to represent text.<br>Instead, we get church and para-church websites so chuck-full-o-junk that they drive people away even before all the spinning animated gifs and cheesey MIDI files can load.<br>Evil Marquee Tag - If it's so darn'd important, then say, don't spray it!<br><br>+I am commanding you, my faithful followers, to bookmark the Web Page Analyzer page ...<br>It's not just what you say ... ... it's How you say it! <br></blockquote></div><br><br> </div> <div style="position: relative; bottom:0px; right: 15px; padding-top: 15px; text-align: right; clear: both"> <a class="btn btn-success btn-xs" href="#top" title="Top"><i class="far fa-arrow-alt-circle-up"></i></a> </div> </div> <hr> </div> </div> <style> .kapla { background: #f6f7fb; padding: 10px; border-radius: 3px; border: 1px solid #e3ebf6; } </style> <style> #forum-more-info-69153{display: none} </style> <script> $( document ).ready(function() { $( "#forum-show-more-69153" ).click(function() { $( "#forum-more-info-69153" ).toggle("slow"); }); }); </script> <div class="post-body" style="background:#efefef;border-radius:4px;padding:7px;margin-top:15px;margin-bottom:10px;"> <div class="post-eren" style="background:#fff;margin:5px;padding:15px;box-shadow: 0 1px 2px #bbb"> <div class="post-text post-text-mob"> <span style="position: absolute; right: 45px;"> <a style="color: #666666; font-size: 12px" id="69153" href="https://xoops.org/modules/newbb/viewtopic.php?post_id=69153#69153"><i class="fas fa-hashtag"></i>7</a> </span> <br> <div class="kapla"> <div class="row"> <div class="col-md-12"> <div class="candidates-img float-left mr-4"> <img style="max-width: 72px;" src="https://xoops.org/uploads/cavt42eb621c3409c.gif" alt="sunsnapper" class="img-circle img-responsive img-thumbnail"> </div> <div class="candidates-list-desc job-single-meta pt-2"> <h5 class="mb-2 f-19"><i class="fas fa-bars"></i> Re: Albany Christian Centre XOOPSed</h5> <ul class="list-inline mb-0"> <li class="list-inline-item mr-4"> <p class="text-muted f-15 mb-0"><i class="far fa-calendar-alt"></i> 2004/2/7 4:54</p> </li> <li class="list-inline-item mr-4"> <p class="f-15 mb-0"><i class="fas fa-user"></i> <a href='https://xoops.org/userinfo.php?uid=1353'>sunsnapper</a></p> </li> <li class="list-inline-item mr-4"> <p class="f-15 mb-0"><i class="fas fa-users-cog"></i> Friend of XOOPS</p> </li> <li class="list-inline-item mr-4"> <p class="f-15 mb-0"><i class="fas fa-comments"></i> Posts: <a href="https://xoops.org/modules/newbb/viewpost.php?uid=1353" title="All"> 403 </a> </p> </li> <li class="list-inline-item mr-4"> <p class="text-muted f-15 mb-0"><i class="far fa-calendar-alt"></i> Since: 2002/4/10 </p> </li> </ul> </div> </div> </div> </div> <br> <div class="yazirenk"> Sorry, I couldn't find the page that had a flash banner, so no comment on that.<br><br>Also, I've been looking at your site with Mozilla Firebird. But, when looking for Flash content, I loaded up IE 5.5. It reminds me to mention, IE 5.X has terrrible trouble with 100% widths. So, for your crimson header bar and center column, you might try 98% instead. (What I noticed at 100% in IE was overlap of center column and news column).<br><br>Also, in IE 5.5 the drop menu items are not placed in the dark row of color the way they are supposed to be. So the words of the drop down menu just float on a transparent background... floating over your picture collage at the top.<br><br>FYI. </div> <div style="position: relative; bottom:0px; right: 15px; padding-top: 15px; text-align: right; clear: both"> <a class="btn btn-success btn-xs" href="#top" title="Top"><i class="far fa-arrow-alt-circle-up"></i></a> </div> </div> <hr> </div> </div> <style> .kapla { background: #f6f7fb; padding: 10px; border-radius: 3px; border: 1px solid #e3ebf6; } </style> <style> #forum-more-info-69155{display: none} </style> <script> $( document ).ready(function() { $( "#forum-show-more-69155" ).click(function() { $( "#forum-more-info-69155" ).toggle("slow"); }); }); </script> <div class="post-body" style="background:#efefef;border-radius:4px;padding:7px;margin-top:15px;margin-bottom:10px;"> <div class="post-eren" style="background:#fff;margin:5px;padding:15px;box-shadow: 0 1px 2px #bbb"> <div class="post-text post-text-mob"> <span style="position: absolute; right: 45px;"> <a style="color: #666666; font-size: 12px" id="69155" href="https://xoops.org/modules/newbb/viewtopic.php?post_id=69155#69155"><i class="fas fa-hashtag"></i>8</a> </span> <br> <div class="kapla"> <div class="row"> <div class="col-md-12"> <div class="candidates-img float-left mr-4"> <img style="max-width: 72px;" src="https://xoops.org/uploads/cavt433a1823b673f.jpg" alt="Chainsaw" class="img-circle img-responsive img-thumbnail"> </div> <div class="candidates-list-desc job-single-meta pt-2"> <h5 class="mb-2 f-19"><i class="fas fa-bars"></i> Re: Albany Christian Centre XOOPSed</h5> <ul class="list-inline mb-0"> <li class="list-inline-item mr-4"> <p class="text-muted f-15 mb-0"><i class="far fa-calendar-alt"></i> 2004/2/7 5:24</p> </li> <li class="list-inline-item mr-4"> <p class="f-15 mb-0"><i class="fas fa-user"></i> <a href='https://xoops.org/userinfo.php?uid=13131'>Chainsaw</a></p> </li> <li class="list-inline-item mr-4"> <p class="f-15 mb-0"><i class="fas fa-users-cog"></i> Quite a regular</p> </li> <li class="list-inline-item mr-4"> <p class="f-15 mb-0"><i class="fas fa-comments"></i> Posts: <a href="https://xoops.org/modules/newbb/viewpost.php?uid=13131" title="All"> 304 </a> </p> </li> <li class="list-inline-item mr-4"> <p class="text-muted f-15 mb-0"><i class="far fa-calendar-alt"></i> Since: 2003/9/28 </p> </li> </ul> </div> </div> </div> </div> <br> <div class="yazirenk"> Arrrrggghh that menu float was a problem with Coolmenu in Netscape. That didn't happen with Tigra and I thought that was solved. Didn't think to view that in IE5.x. I'm using IE6. *groan*<br><br>Yeah didn't think about that 100% for the title bar, I'll change that to 98% as recommended.<br><br>I haven't loaded up a flash banner yet. But I kinna like what I see at <a href="http://www.cocinalo.com/index.php" target="_blank" rel="external noopener nofollow">http://www.cocinalo.com/index.php</a><br><br> </div> <div style="position: relative; bottom:0px; right: 15px; padding-top: 15px; text-align: right; clear: both"> <a class="btn btn-success btn-xs" href="#top" title="Top"><i class="far fa-arrow-alt-circle-up"></i></a> </div> </div> <hr> </div> </div> <style> .kapla { background: #f6f7fb; padding: 10px; border-radius: 3px; border: 1px solid #e3ebf6; } </style> <div class="newbb-viewtopic-footer"> <div class="row mb10"> <div class="col-sm-6 col-md-6 hidden-xs"> <a href="https://xoops.org/modules/newbb/reply.php?topic_id=16258" title="Reply" class="btn btn-sm btn-primary">Reply</a> <a href="https://xoops.org/user.php" title="Register" class="btn btn-sm btn-success">Register</a> <a href="https://xoops.org/modules/newbb/polls.php?op=add&topic_id=16258" title="Add Poll" class="btn btn-sm btn-info">Add Poll</a> </div> </div> <div class="text-right generic-pagination"> </div> </div> <!-- .newbb-viewtopic-footer --> </div> <!-- .newbb-viewforum --> <!-- End content module --> </div> </div> <div class="col-xl-3 col-lg-12 col-md-12"> <!-- Start right blocks loop --> <div class="card"> <div class="card-header"> <h3 class="card-title">Login</h3> </div> <div class="card-body p-0"> <div class="card-body pt-3 pb-3"> <div class="panel panel-default"> <form action="https://xoops.org/user.php" method="post" role="form"> <div class="panel-body"> <form class="form-horizontal" role="form"> <div class="form-group"> <label for="inputEmail3" class="col-sm-12 control-label"> Username</label> <div class="col-sm-9"> <input class="form-control login-block-form" style="margin-bottom: 5px;" type="text" name="uname" placeholder="Your Username"> </div> </div> <div class="form-group"> <label for="inputPassword3" class="col-sm-12 control-label"> Password</label> <div class="col-sm-9"> <input class="form-control login-block-form" type="password" name="pass" placeholder="Your Password"> </div> </div> <div class="form-group"> <div class="col-sm-offset-3 col-sm-9"> <div class="checkbox"> <label> <input type="checkbox" name="rememberme" value="On" class="formButton"> Remember me </label> </div> </div> </div> <input type="hidden" name="xoops_redirect" value="/modules/newbb/viewtopic.php?topic_id=16258"> <input type="hidden" name="op" value="login"> <div class="form-group last"> <div class="col-sm-offset-3 col-sm-9"> <input type="submit" class="btn btn-success btn-sm" value="User Login"> <button type="reset" class="btn btn-default btn-sm"> Reset </button> </div> </div> </form> </div> </form> <div class="panel-footer" style="text-align: center"> <a href="https://xoops.org/register.php" title="Register now!">Register now!</a>  |  <a href="https://xoops.org/user.php#lost" title="Lost Password?">Lost Password?</a> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header"> <h3 class="card-title">Search</h3> </div> <div class="card-body p-0"> <div class="card-body pt-3 pb-3"> <form role="search" action="https://xoops.org/search.php" method="get"> <div class="input-group"> <input class="form-control" type="text" name="query" placeholder="Search here..."> <input type="hidden" name="action" value="results"> <span class="input-group-btn"> <button class="btn btn-primary" type="submit"> <span class="fas fa-search"></span> </button> </span> </div> </form> <p class="text-right"> <a href="https://xoops.org/search.php" title="Advanced Search"> Advanced Search </a> </p> </div> </div> </div> <div class="card"> <div class="card-header"> <h3 class="card-title">Recent Posts</h3> </div> <div class="card-body p-0"> <div class="job-box"> <div class="inbox-message"> <ul> <li> <div class="message-body1"> <div class="message-body-heading1"> <h5><a href="https://xoops.org/modules/newbb/viewtopic.php?post_id=367261#forumpost367261"><i class="fas fa-angle-right"></i> activate block by default</a></h5> </div> <div class="olc"><i class="far fa-calendar-alt"></i> 8/24 9:52 <i class="fas fa-user"></i> <a href="https://xoops.org/userinfo.php?uid=127020" title="goffy">goffy</a> </div> </div> </li> <li> <div class="message-body1"> <div class="message-body-heading1"> <h5><a href="https://xoops.org/modules/newbb/viewtopic.php?post_id=367260#forumpost367260"><i class="fas fa-angle-right"></i> Re: wgFilemanager released for testing and contribution</a></h5> </div> <div class="olc"><i class="far fa-calendar-alt"></i> 8/21 15:19 <i class="fas fa-user"></i> <a href="https://xoops.org/userinfo.php?uid=69371" title="heyula">heyula</a> </div> </div> </li> <li> <div class="message-body1"> <div class="message-body-heading1"> <h5><a href="https://xoops.org/modules/newbb/viewtopic.php?post_id=367259#forumpost367259"><i class="fas fa-angle-right"></i> wgFilemanager released for testing and contribution</a></h5> </div> <div class="olc"><i class="far fa-calendar-alt"></i> 8/21 13:17 <i class="fas fa-user"></i> <a href="https://xoops.org/userinfo.php?uid=127020" title="goffy">goffy</a> </div> </div> </li> <li> <div class="message-body1"> <div class="message-body-heading1"> <h5><a href="https://xoops.org/modules/newbb/viewtopic.php?post_id=367258#forumpost367258"><i class="fas fa-angle-right"></i> Re: XOOPS 2.5.12 Beta-2 available for Testing</a></h5> </div> <div class="olc"><i class="far fa-calendar-alt"></i> 8/21 4:12 <i class="fas fa-user"></i> <a href="https://xoops.org/userinfo.php?uid=19563" title="Mamba">Mamba</a> </div> </div> </li> <li> <div class="message-body1"> <div class="message-body-heading1"> <h5><a href="https://xoops.org/modules/newbb/viewtopic.php?post_id=367257#forumpost367257"><i class="fas fa-angle-right"></i> Re: XOOPS 2.5.12 Beta-2 available for Testing</a></h5> </div> <div class="olc"><i class="far fa-calendar-alt"></i> 8/18 21:19 <i class="fas fa-user"></i> <a href="https://xoops.org/userinfo.php?uid=50215" title="jjdai">jjdai</a> </div> </div> </li> <li> <div class="message-body1"> <div class="message-body-heading1"> <h5><a href="https://xoops.org/modules/newbb/viewtopic.php?post_id=367256#forumpost367256"><i class="fas fa-angle-right"></i> Re: XOOPS 2.5.12 Beta-2 available for Testing</a></h5> </div> <div class="olc"><i class="far fa-calendar-alt"></i> 8/18 17:53 <i class="fas fa-user"></i> <a href="https://xoops.org/userinfo.php?uid=19563" title="Mamba">Mamba</a> </div> </div> </li> <li> <div class="message-body1"> <div class="message-body-heading1"> <h5><a href="https://xoops.org/modules/newbb/viewtopic.php?post_id=367255#forumpost367255"><i class="fas fa-angle-right"></i> Re: XOOPS 2.5.12 Beta-2 available for Testing</a></h5> </div> <div class="olc"><i class="far fa-calendar-alt"></i> 8/18 9:58 <i class="fas fa-user"></i> <a href="https://xoops.org/userinfo.php?uid=50215" title="jjdai">jjdai</a> </div> </div> </li> <li> <div class="message-body1"> <div class="message-body-heading1"> <h5><a href="https://xoops.org/modules/newbb/viewtopic.php?post_id=367254#forumpost367254"><i class="fas fa-angle-right"></i> Re: XOOPS 2.5.12 Beta-2 available for Testing</a></h5> </div> <div class="olc"><i class="far fa-calendar-alt"></i> 8/18 8:16 <i class="fas fa-user"></i> <a href="https://xoops.org/userinfo.php?uid=50215" title="jjdai">jjdai</a> </div> </div> </li> <li> <div class="message-body1"> <div class="message-body-heading1"> <h5><a href="https://xoops.org/modules/newbb/viewtopic.php?post_id=367253#forumpost367253"><i class="fas fa-angle-right"></i> XOOPS 2.5.12 Beta-2 available for Testing</a></h5> </div> <div class="olc"><i class="far fa-calendar-alt"></i> 8/13 7:13 <i class="fas fa-user"></i> <a href="https://xoops.org/userinfo.php?uid=19563" title="Mamba">Mamba</a> </div> </div> </li> <li> <div class="message-body1"> <div class="message-body-heading1"> <h5><a href="https://xoops.org/modules/newbb/viewtopic.php?post_id=367252#forumpost367252"><i class="fas fa-angle-right"></i> PHP 8.4.0 Alpha 1 released</a></h5> </div> <div class="olc"><i class="far fa-calendar-alt"></i> 7/10 6:19 <i class="fas fa-user"></i> <a href="https://xoops.org/userinfo.php?uid=19563" title="Mamba">Mamba</a> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="card"> <div class="card-header"> <h3 class="card-title">Who's Online</h3> </div> <div class="card-body p-0"> <div class="card-body pt-3 pb-3"> <p><strong>337</strong> user(s) are online (<strong>124</strong> user(s) are browsing <strong>Support Forums</strong>)</p> <hr> <p><i class="fas fa-user-plus"></i> Members: 0</p> <hr> <p><i class="fas fa-street-view"></i> Guests: 337</p> <hr> <p><i class="fas fa-users"></i> </p> <a class="btn btn-sm btn-info" href="javascript:openWithSelfMain('https://xoops.org/misc.php?action=showpopups&type=online','Online',420,350);" title="more...">more...</a> </div> </div> </div> <div class="card"> <div class="card-header"> <h3 class="card-title">Donat-O-Meter</h3> </div> <div class="card-body p-0"> <table class="table table-bordered"> <tr> <td style="width: 100%; font-weight: bold; text-decoration: underline;" colspan="2">Stats</td> </tr> <tr> <td>Goal:</td> <td>$100.00</td> </tr> <tr> <td>Due Date:</td> <td>Aug 31</td> </tr> <tr> <td>Gross Amount:</td> <td>$0.00</td> </tr> <tr> <td>Net Balance:</td> <td>$0.00</td> </tr> <tr> <td style="font-weight: bold;">Left to go:</td> <td style="font-weight: bold;"><span style="color: #CC0000;">$100.00</span></td> </tr> <tr> <td style="width: 100%; text-align: center;" colspan="2"><a href="https://xoops.org/modules/xdonations/index.php"> <img src="https://www.paypal.com/en_US/i/btn/x-click-but21.gif" style="border-width; 0px;" alt="Make donations with PayPal!" width=110 height=23 /> </a></td> </tr> </table> </div> </div> <div class="card"> <div class="card-header"> <h3 class="card-title">Latest GitHub Commits</h3> </div> <div class="card-body p-0"> <div id="demo"> <div class="job-box"> <div class="inbox-message"> <ul> <li v-for="record in commits"> <div class="message-body1"> <div class="message-body-heading1"> <h5><a><i class="fas fa-angle-right"></i></a> <a :href="record.html_url" target="_blank" class="commit">{{ record.sha.slice(0, 7) }} - <span class="message">{{ record.commit.message | truncate }}</span></a></h5> </div> <div class="olc"><i class="fas fa-user"></i> <a :href="record.author.html_url" target="_blank">{{ record.commit.author.name }}</a> <i class="fas fa-folder-open"></i> {{ record.commit.author.date | formatDate }}</div> </div> </li> </ul> </div> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.4/vue.min.js"></script> <script> var apiURL = 'https://api.github.com/repos/XOOPS/XoopsCore25/commits?per_page=3&sha=' /** * Actual demo */ var demo = new Vue({ el: '#demo', data: { branches: ['master'], currentBranch: 'master', commits: null }, created: function () { this.fetchData() }, watch: { currentBranch: 'fetchData' }, filters: { truncate: function (v) { var newline = v.indexOf('n') return newline > 0 ? v.slice(0, newline) : v }, formatDate: function (v) { return v.replace(/T|Z/g, ' ') } }, methods: { fetchData: function () { var xhr = new XMLHttpRequest() var self = this xhr.open('GET', apiURL + self.currentBranch) xhr.onload = function () { self.commits = JSON.parse(xhr.responseText) console.log(self.commits[0].html_url) } xhr.send() } } }) </script> </div> </div> <!-- End right blocks loop --> </div> </div> </div> </section> <!--Section--> <!--Footer Section--> <footer class="footer"> <div class="container bottom_border"> <div class="row"> <div class=" col-sm-4 col-md col-6 col"> <h5 class="headin5_amrc col_white_amrc pt2">About us</h5> <!--headin5_amrc--> <ul class="footer_ul_amrc"> <li><a href="https://xoops.org/modules/wfchannel/">About Xoops</a></li> <li><a href="https://xoops.org/modules/wfchannel/index.php?cid=24">Why XOOPS?</a></li> <li><a href="https://xoops.org/modules/wfchannel/index.php?cid=21">Board of Advisors</a></li> <li><a href="https://xoops.org/modules/wgtimelines/index.php?op=list&tl_id=1">Xoops Innovators</a></li> <li><a href="https://xoops.org/modules/wgtimelines/index.php?op=list&tl_id=2">XOOPSers</a></li> <li><a href="https://xoops.org/modules/wfchannel/index.php?cid=6">XOOPS Etiquette</a></li> </ul> <!--footer_ul_amrc ends here--> </div> <div class=" col-sm-4 col-md col-6 col"> <h5 class="headin5_amrc col_white_amrc pt2">Learn</h5> <!--headin5_amrc--> <ul class="footer_ul_amrc"> <li><a href="https://xoops.org/modules/news/article.php?storyid=4534">Books</a></li> <li><a href="https://xoops.org/modules/smartfaq/">FAQ</a></li> <li><a href="https://www.gitbook.com/@xoops/">Core Guides</a></li> <li><a href="https://www.gitbook.com/@xoops/">Module Guides</a></li> </ul> <!--footer_ul_amrc ends here--> </div> <div class=" col-sm-4 col-md col-6 col"> <h5 class="headin5_amrc col_white_amrc pt2">Use</h5> <!--headin5_amrc--> <ul class="footer_ul_amrc"> <li><a href="https://github.com/XOOPS/XoopsCore25/releases">Download Xoops</a></li> <li><a href="https://github.com/XoopsModules25x">Module @ GitHub</a></li> <li><a href="https://github.com/Xoopsthemes">Themes@ GitHub</a></li> <li><a href="https://github.com/XoopsLanguages">Languages @ GitHub</a></li> <li><a href="https://xoops.org/modules/newbb/">Support Forums</a></li> <li><a href="https://xoops.org/modules/xoopspartners/">International Support</a></li> </ul> <!--footer_ul_amrc ends here--> </div> <div class=" col-sm-4 col-md col-6 col"> <h5 class="headin5_amrc col_white_amrc pt2">Develop GitHub</h5> <!--headin5_amrc--> <ul class="footer_ul_amrc"> <li><a href="https://github.com/XOOPS">Core @ GitHub</a></li> <li><a href="https://github.com/XoopsModules25x">Module @ GitHub</a></li> <li><a href="https://github.com/Xoopsthemes">Themes@ GitHub</a></li> <li><a href="https://github.com/XoopsLanguages">Languages @ GitHub</a></li> <li><a href="https://sourceforge.net/projects/xoops/">Legacy XOOPS @ SourceForge </a></li> <li><a href="https://github.com/php-fig/fig-standards/blob/master/accepted/PSR-2-coding-style-guide.md">Coding Standards PSR-2</a></li> </ul> <!--footer_ul_amrc ends here--> </div> <div class=" col-sm-4 col-md col-6 col"> <h5 class="headin5_amrc col_white_amrc pt2">Contribute</h5> <!--headin5_amrc--> <ul class="footer_ul_amrc"> <li><a href="https://xoops.org/modules/xdonations/">$$$ Donations</a></li> <li><a href="https://github.com/orgs/XOOPS/people">Join Team</a></li> <li><a href="https://github.com/XOOPS">Core @ GitHub</a></li> <li><a href="https://github.com/XoopsModules25x">Module @ GitHub</a></li> <li><a href="https://github.com/Xoopsthemes">Themes@ GitHub</a></li> <li><a href="https://github.com/XoopsLanguages">Languages @ GitHub</a></li> <li><a href="https://github.com/XOOPS/XoopsCore25/issues">Report Core Bug</a></li> </ul> <!--footer_ul_amrc ends here--> </div> <div class=" col-sm-4 col-md col-6 col"> <h5 class="headin5_amrc col_white_amrc pt2">Connect</h5> <!--headin5_amrc--> <ul class="footer_ul_amrc"> <li><a href="https://www.facebook.com/groups/xoops/">Facebook</a></li> <li><a href="http://www.linkedin.com/groups?gid=43552">LinkedIn</a></li> <li><a href="http://www.flickr.com/photos/tags/xoops/">Flickr</a></li> <li><a href="https://www.youtube.com/results?search_query=xoops">YouTube</a></li> <li><a href="https://www.openhub.net/p/xoops">Ohloh</a></li> <li><a href="https://twitter.com/xoopsgithub">Twitter</a></li> </ul> <!--footer_ul_amrc ends here--> </div> </div> </div> <div class="container"> <!--foote_bottom_ul_amrc ends here--> <br> <p class="text-center"><a rel="nofollow" href="https://xoops.org/modules/wfchannel/index.php?pagenum=3">Terms of Use</a> | <a rel="nofollow" href="https://xoops.org/modules/wfchannel/index.php?pagenum=4">Privacy Policy</a> | Hosted by <a rel="nofollow" href="http://www.arvixe.com/xoops_hosting?utm_campaign=xoops&utm_medium=banner&utm_source=xoops.org" title="Hosted by Arvixe">Arvixe Hosting</a> | <a rel="nofollow" href="https://xoops.org/backend.php" title="RSS2 Feed"><img src="https://xoops.org/uploads/rss.gif" alt="RSS 2.0 Button" /></a> <script type="module"> jQuery(document).ready(function () { jQuery("ul.sf-menu").superfish(); pathClass: "current" }); </script></p> </div> <center><a href="https://erenyumak.com/" target="_blank">Design: B.Heyula</a></center> </footer> <a href="#top" id="back-to-top" style="display: inline;"><i class="fa fa-long-arrow-up"></i></a> <!--Footer Section--> <!-- JS --> <script src="https://xoops.org/themes/xoops2020/js/jquery-3.5.1.min.js"></script> <script src="https://xoops.org/themes/xoops2020/js/bootstrap.min.js"></script> <script src="https://xoops.org/themes/xoops2020/js/bootstrap.bundle.min.js"></script> <script src="https://xoops.org/themes/xoops2020/js/newapplication.js" defer></script> <!-- JS --> </body> </html>