Giter VIP home page Giter VIP logo

ourumbraco's Introduction

Our Umbraco

Complete source of the Umbraco community site, our.umbraco.com.

Build in Visual Studio

Make sure to allow NuGet Package Restore in VS (Tools > Options > Package Manager). The first build of the project will take quite a while, please be patient, it will finish at some point. Upon build a web.config file will be copied into the OurUmbraco.Site project which you can use in the following step.

If you're working on the frontend (the js/css/etc parts in ~/OurUmbraco.Client) then you can either run ~/build/BuildClientFiles.bat to build them and have them copied into the site. Or if you have npm/gulp installed on your machine you can run the usual commands in the ~/OurUmbraco.Client folder:

npm ci
npm run build

When you're working on frontend you can run npm start to start watching js/css files for changes. When you save changes they will be copied into the site by the watcher.

Database Restore

Download the SQL Server Database from: https://umbracoreleases.blob.core.windows.net/ourumbraco/OurDev20200720.bacpac.

Restore the database to SQL Server 2017 (won't work on earlier versions) and update the connection strings (umbracoDbDSN) in OurUmbraco.Site/web.config.

Logging in

Projects Area

If the projects area seems empty then that's because you need to rebuild the Examine indexes for it through the Developer section of Umbraco.

Documentation Area

If the documentation area seems empty then that's because you need to download the documentation, look for the documentationIndexer in the Examine dashboard in the Developer section of Umbraco and Rebuild the index. This will automatically download the latest documentation from GitHub.

Community Area

Following a recent update we've moved the /community pages to another website. You can read more about the decision here.

Contributing

Please read our Contributing Guidelines to learn how you can get involved and help with the Umbraco community site.

ourumbraco's People

Contributors

aaen avatar abjerner avatar bjarnef avatar callumbwhyte avatar crgrieve avatar dampee avatar dawoe avatar dependabot[bot] avatar emmagarland avatar eshanrnh avatar greystate avatar hartvig avatar hartviglarsen avatar hemraker avatar jamiepollock avatar jeavon avatar jmayntzhusen avatar jonat123 avatar leekelleher avatar lottepitcher avatar nul800sebastiaan avatar owainwilliams avatar poornimanayar avatar readingdancer avatar shazwazza avatar simonbusborg avatar sniffdk avatar sofietoft avatar warrenbuckley avatar weegy avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

ourumbraco's Issues

Karma not always awarded when topic is marked as solution

I noticed a couple of time when answer is marked as solution the correct karma amount is not always awarded. Normally you should get 20 points when your answered is marked as solution and it should show the number 100.

Example post with no karma : https://our.umbraco.org/forum/extending-umbraco-and-using-the-api/91596-umbracomodelsbuilderapi-cannot-find-namespace#comment-289284

Screenshot

Also these ones have the same issue :
https://our.umbraco.org/forum/extending-umbraco-and-using-the-api/91571-move-page-to-trash-using-sql
https://our.umbraco.org/projects/developer-tools/usync/usync/91594-ysod-with-umbraco-7102

Don't know what is causing this. Because it works correctly most of the times. For example this one :
https://our.umbraco.org/forum/extending-umbraco-and-using-the-api/91518-error-rendermvcindex

Add line breaks on Gitter username

In mobile layout I think we should add line breaks on Gitter username, twitter and maybe after date too.

image

Something like this:

.gitter-message {
    .user {
        margin-bottom: 5px;
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;

        .name, .username {
            flex: 1 0 100%;
        }

        .date {
            margin-top: 5px;
        }
    }
}

image

Hand out Karma for blog posts

The blog post data we import includes member Ids per blog and it would be good to hand out Karma to people writing blog posts that appear on the community page.

Depends on #193

Karma totals for the past year keeps being added

If I look at the totals for the past year, i see karma earned after May 1st getting added.

Here you see a screenshot for today at 11:09. I have 222 karma for the past week and 1580 for the past year
karma leaderboard 3-5 11-09

Here you see a screenshot for today at 11:26. I have 242 karma for the past week and 1600 for the past year
karma leaderboard 3-5 11-26

Or will this be fixed when the current week is over ?

DoubleClick Ad Scripts Appearing

Not suggesting anything malevolent but DoubleClick is collecting info on the Our Umbraco site and it's not listed in the privacy policy.

https://our.umbraco.org/privacy-policy/

It only appears every so often and not on every load. I'm using Ghostery (Chrome Extension) to detect these on sites I visit. You'll have to reload a few times to catch it.

I tried to track it down, there are two google scripts that reference DoubleClick.

https://www.googletagmanager.com/gtm.js?id=GTM-NQ556HD

https://www.google-analytics.com/analytics.js

My first reaction was some included script is including this, so it's possible that it is the case still.

image

Maybe it's intended behavior, just didn't expect ad tracking on Our.

Please close if this is intended.

Cookie popup seems to affect layout

I noticed a cookie popup has been added and it seems to afffect the styles/layout.

E.g. for https://our.umbraco.org/download/ in mobile layout.

image

compared to opening the menu from other pages.

image

Furthermore on e.g. project page or the individual project page, there is a lot of margin/padding.

image

image

image

If I remove height:100% here it is getting better.

image

Also here is has height:100%
image

Limit size of emojis in Gitter

Should we set a size limit on Gitter emojis? E.g. 20 x 20 px?

image

Updated size:

image

Maybe also consider adding vertical-align: middle.

img.emojione {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

"Post Reply" button fails again

The issue with the "Post Reply" button is back:

image

I'm assuming it's because the server responds with a 500 status code, but I haven't been able to confirm for sure yet.

Featured content on the community hub

The community page opens with the map and community chat currently. We really want to feature community generated content there too, ideas:

  • Latest UmbraCoffee
  • Longreads - latest Skrift posts
  • Maybe even featured tweets, meetups, festivals?

It would be very nice to easily be able to pick featured items in the backoffice, maybe we can get a quick blog post / video picker worked up as a custom property editor.
I remember we have a similar picker in one of the Umbraco training courses so we should be able to get that done pretty easily.

Add community statistics

Some work has been done on making statistics for the forum (number of topic, number of answer, number of solved topics etc).

What other statistics could we try to gather?

Find/make better cluster markers for the map

The original markers made it look like nuclear war, but they also nicely changed color to become "warmer" in areas with many people. Currently the markers just get larger, would be nicer do both size and color.

Community: Breadcrumb should include "Community"

Meetups is at the third level in the site structure, so the breadcrumb should also include Community (which is at level 2).

All the new community pages seems to be affected, so it probably only a single place that we have to fix.

@nul800sebastiaan If possible, feel free to assign this to me ;)

image

Archive vs Recent blogs and meetups

For both meetups and blog posts, we're currently only pulling in recent items, and always just saving the recent items - so we don't really have an archive of these items.

Perhaps we should have some kind of archive? For blog posts (which would benefit most from this), this would mean that RSS items are imported (either in a database or a JSON files on the disk), and we can retrieve them again later. Having an archive also means that we can enable users to search through older blog posts.

Having an archive also means that we can create filters for some of the major blogs - eg. from the Umbraco HQ, Skrift.io and 24 Days In Umbraco (as shown on the mockup below).

image

If we do this, there are probably a number of falls pits that we need to consider/look into as well:

  • Say I have a blog, and I for some reason want to remove one of my articles from Our. How do I do this?

    • As ~/config/CommunityBlogs.json keeps track of the individual blogs (and which Our members they belong to), the owner of a blog could be given a special page to "administer" their blog (eg. hide/delete) certain blog posts. This could also be a way to tell Our that an article is now obsolete.
  • How can we add old blog posts? Most RSS feeds only contain the most recent blog posts (eg. no more than 30).

    • We could say that we only wish to add old blog posts from some of the major blogs - eg. Umbraco HQ, Skrift and 24days.in/umbraco.

      For instance the latter has an RSS feed for each year: https://24days.in/umbraco-cms/2012/rss/

      Sebastiaan can probably find something similar for the HQ blog.
  • This issue is just for getting the discussion started, so there are most likely also something I haven't thought of.

Multiple Devs in One Location on map

We've both set our location the the office.

The Umbraco map correctly displays the number "2" for this location, however clicking on it zooms the map excessively and fails to show anybody in that location.
It works fine if you zoom out slightly :)

image

Cluster graphic doesn't disappear when zooming

When I zoom in on the map or clicking the cluster graphic, it doesn't seem to disappear.

image

e.g. when zooming to max level I still see a cluster graphic with value "5" for Herning, Jutland, Denmark :)

image

Furthermore at different zoom levels it seems the graphic sometimes are on top on each other instead of having a single cluster graphic, when many markers are close to each other.

image

image

The Video page needs to lazy load.

When clicking on the Video page you are first shown ALL videos which is currently 253 videos, this loads in the thumbnails for each of the videos which is a total page load of 9.2MB

While trying to access this page sitting in a coffee shop with share broadband is painfully slow and took over a minute for the page to load.

What I'd like to see is for this page to lazy load the video thumbnails so that the initial page load is much faster, I'm happy to take a look at this if no one else does before I get to it.

Adjust avatars under map

When zooming in on the map on this page, the might be a bit too much distance between the avatars:
https://our.umbraco.org/community/

image

I would add this to each item flex: 0 1 auto; and then add justify-content: flex-start; or justify-content: center; on the parent element.

Also add a bit margin to the "Umbraco Community Chat" section.

image

Show live forum/package/other activity on the map

A few years ago Niels built a map integration where community activity would appear on the map, whenever someone created a new post, a new marker would appear on the map (Seb just asked a question from Denmark). New comment, new package download, someone gave a high five, etc.

It would be lovely to be able to see all that live activity going on again on the map!

Adjust tags in sidebar menu

I think styles of tags in the sidebar menu should be adjusted a bit.

image

E.g. similar to how it looks in forum overview page.
image

Something like this:

.quick-menu {
     .forum-thread {
          flex-wrap: wrap;

          .forum-thread-text {
                 flex: 1 0 100%;
          }
          .category {
                 .cat {
                    margin-top: 10px;
                     max-width: 100%;
                 }
          }
     }
}

image

Access member profiles by nickname

It has always bugged me that an Our member's profile is only accessible using their id.

I always have to do a search just to find Janae's or Fuji's () profile - heck, I can't even remember my own id :-)

Wouldn't it be possible to create a ContentFinder that could find the right member, given their GitHub user or Twitter handle? E.g. for me, they're the same, but https://our.umbraco.org/member/greystate would work anyway.

I can see two problems:

  1. It is possible for someone to have the same GitHub username as someone else's Twitter handle but that should be very few, but even then, we could maybe show a list of the two?

  2. Some members have neither a GitHub user nor a Twitter handle - but their id-URL would still work then...

Would there be any security-related issues with this?

Community Section - Slack

I know there have been discussions regarding Slack, but considering it is a fairly well-established platform for the community (and other communities such as UmbBristol, etc). It could be worth at least having a nice link/post saying that it exists/advertised.

Gitter is fine (I've only just heard of it thanks to this community update) and I get that it's a HQ decision to include it with more of a feed but I believe that Slack still deserves to be promoted.

Meetups: Distance used for "NEAR YOU" should be configurable

As part of my original pull request, I added a check to show a NEAR YOUR label when a meetup is within 50 km of the location of the active member.

As there are now Danish meetups again, I've realized this distance is too low, as the direct distance from my home town to Odense is roughly 65 km. So members should probably have an option to configure the desired distance. I'm think a dropdown or something similar.

I'd be happy to make a pull request for this, so this issue is also so I don't forget about it 😄

https://github.com/umbraco/OurUmbraco/blob/master/OurUmbraco.Site/Views/Partials/Home/Meetups.cshtml#L53

Add 'was this page helpful' option to docs

When viewing documentation, it's possible that you do or don't find what you are looking for. As discussed at Codegarden, it would be great if there was an option to provide some feedback as to whether or not the documentation was helpful, and if not, then why not?

Potential implementation:

Place at the bottom of the page with two options.

  • Yes, when clicked - great, feel free to suggest any updates.
  • Not really, when clicked - ah ok, let us know what we could do to improve.

Or something like that. The options could link through to the issue tracker on Github or some other method of providing feedback.

Blog feed improvement idea

The latest blog feed is a great addition to the site.
It could be useful, however, if people could add a tag to their RSS feed against their entries to say if they are "news", "tutorial", "meta" etc.

It could just be an optional addition and allow for quick tagging, filtering of the latest feed for people looking for specific things.

Karma needs to be restructured

Currently Karma exists in a few different tables and we can't create new types of Karma to hand out (for example for merged PRs #192).

Querying is also expensive as we need to join all the data from the tables making it slow.

Would be good to merge all of this in one single table with a karma category.
Eventually this will require a bit of a maintenance window on Our to freeze the site, consolidate the data and then start the site again. We need a good plan for this.

It might also be good to index karma data i n Examine so we don't have to reach out to the database all the time.

Top karma earners last week

Both titles are Top karma earners last week, but the stats are different. The top one should show the current week - as it used to do.

image

Introduce new Codegarden badge

Assuming that Umbraco already has sufficient data from previous Codegarden ticket purchases, it could be fun to introduce a new Codegarden badge - eg as illustrated below:

image

The color for the badge is #FF8B8A which I've picked from the Codegarden 2018 website. Also, as I have been to a total of five Codegardens so far, the badge shows X5 similar to how multiple MVP badges are grouped.

Fix badge classes

I noticed on @warrenbuckley 's member profile that the badges didn't have same styling as other places on Our.
https://our.umbraco.org/member/1175

image

The badges has class names badge.CssClass instead of class names like mvp, c-trib etc.

image

Furthermore should the casing be consistent with badges in other places on Our e.g. in quick menu: Admin,HQ, C-Trib, etc.

Add GitHub statistics

We currently have an integration with GitHub running to sync new, updated, merged and closed PRs.
These PRs will be linked to members on Our Umbraco who have filled in their GitHub username in their profile.

We can do a few things with this data:

  • Get statistics on how fast PRs get merged
  • Automatically hand out Karma for merged PRs
  • Automatically ensure the contributor badge gets added to people who've had their first PR merged
  • We should investigate if we can automatically add a comment to the PR on GitHub saying something like "congrats on your first merged PR, go check your profile on Our, it has a shiny new contributor badge now"
  • We should see if we can improve the contributors list on the home page, it seems to work quite well, but maybe we can change/add some data? Not sure.

Community section: create calendar of Umbraco related events

This includes:

  • Festivals
  • Meetups
  • Things like CodeCabinn
  • Niels is speaking at a conference
  • etc

Should be able to filter by type so we can list only festivals or only meetups.

We should be able to do some content management on festivals from the backoffice to provide a description, link, maybe a banner.

RSS feed of events would be an added bonus.

We can re-use the design from the roadmap so we have a timeline with events on it.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.