, but this code // executes before the first paint, when

黄大仙高手论坛

is not yet present. The // classes are added to so styling immediately reflects the current // toolbar state. The classes are removed after the toolbar completes // initialization. const classesToAdd = ['toolbar-loading', 'toolbar-anti-flicker']; if (toolbarState) { const { orientation, hasActiveTab, isFixed, activeTray, activeTabId, isOriented, userButtonMinWidth } = toolbarState; classesToAdd.push( orientation ? `toolbar-` + orientation + `` : 'toolbar-horizontal', ); if (hasActiveTab !== false) { classesToAdd.push('toolbar-tray-open'); } if (isFixed) { classesToAdd.push('toolbar-fixed'); } if (isOriented) { classesToAdd.push('toolbar-oriented'); } if (activeTray) { // These styles are added so the active tab/tray styles are present // immediately instead of "flickering" on as the toolbar initializes. In // instances where a tray is lazy loaded, these styles facilitate the // lazy loaded tray appearing gracefully and without reflow. const styleContent = ` .toolbar-loading #` + activeTabId + ` { background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); } .toolbar-loading #` + activeTabId + `-tray { display: block; box-shadow: -1px 0 5px 2px rgb(0 0 0 / 33%); border-right: 1px solid #aaa; background-color: #f5f5f5; z-index: 0; } .toolbar-loading.toolbar-vertical.toolbar-tray-open #` + activeTabId + `-tray { width: 15rem; height: 100vh; } .toolbar-loading.toolbar-horizontal :not(#` + activeTray + `) > .toolbar-lining {opacity: 0}`; const style = document.createElement('style'); style.textContent = styleContent; style.setAttribute('data-toolbar-anti-flicker-loading', true); document.querySelector('head').appendChild(style); if (userButtonMinWidth) { const userButtonStyle = document.createElement('style'); userButtonStyle.textContent = `#toolbar-item-user {min-width: ` + userButtonMinWidth +`px;}` document.querySelector('head').appendChild(userButtonStyle); } } } document.querySelector('html').classList.add(...classesToAdd); })(); One great leap - News & Stories | 黄大仙高手论坛

黄大仙高手论坛

Skip to main content

Spark

One great leap

Thu, Mar 01, 2012

What do you call the decision to leave a lucrative IT job in San Francisco in order to start a new business, about which you know next to nothing, with a friend in China?

Crazy? Maybe. Risky? More about that later.

Dane Vanden Berg 鈥00 chooses to call his decision 鈥渁 great leap,鈥 hence the name of his China venture: .

He was preceded in the leap by his friend, Carl Setzer, an employee of the same IT firm who moved to Beijing to run the company鈥檚 office there. Soon Setzer was phoning Vanden Berg, complaining there was not a good beer to be had in that city of almost 20 million.

鈥淐hinese beers are very light, almost fizzy water,鈥 Vanden Berg said, 鈥渁nd though you can get imported beers, they don鈥檛 survive the shipping well. There was clearly a business niche that wasn鈥檛 being filled. But first we had to learn to brew beer.鈥澛

That was in the fall of 2009. In Beijing, Setzer began to learn the art and science of brewing, while in California, Vanden Berg sold their idea to investors. A year later Setzer opened Great Leap Brewing鈥檚 pub near Beijing鈥檚 Forbidden City, and by May 2011 Vanden Berg was behind the bar in Beijing, too.

Buzz about the pair鈥檚 beer spread quickly. Great Leap Brewing has been featured on and in , and . Beijing鈥檚 City Weekend claimed it 鈥渉as changed the game for beer in Beijing.鈥

鈥淲e鈥檝e had a lot of support from the ex-pat community,鈥 Vanden Berg said. 鈥淏ut Chinese, especially artists, come, too. We have this really interesting cross-section of people coming to the pub.鈥

They come for unique artisan beers like Honey Ma Gold, made with honey from Shandong province and Sichuan peppercorns; Iron Buddha Blonde, made with premium oolong tea; and Chocolate Cardamom Stout.

The mother of all this flavor invention was the proverbial necessity, Vanden Berg explained.

鈥淚n the U.S., there are a vast number of malt and hops varieties that brewers use to create distinctive tastes. In China鈥攁nd we鈥檙e trying to source everything in China鈥攚e鈥檙e stuck with just a few varieties. So we鈥檝e had to find new ingredients to create distinctive tastes. The cool part is that this is a great food culture with lots of flavors. It鈥檚 been tough trying to rein in all the flavor impulses.鈥

Customer response was strong, and Vanden Berg and Setzer ambitious. They built a larger brewing facility to be able to distribute Great Leap beers outside their own pub. The U.S. and British embassies lined up as customers, as did several bars and a restaurant.

Now comes the risky part.

One day in November, Chinese officials showed up unexpectedly at the new facility and shut it down. A law had changed and suddenly pending licenses were denied.

鈥淎nyone in business in China has faced this,鈥 Vanden Berg explained. 鈥淩egulation seems random. Everything can change tomorrow. Though it鈥檚 easier to get started in China, it鈥檚 more difficult to protect your position.鈥

Discouraged, he went to the embassies and bars to explain Great Leap wouldn鈥檛 be supplying them any time soon.

鈥淓verybody told us, 鈥榊ou guys have a great product, keep at it,鈥欌 Vanden Berg said. 鈥淭hey even offered us funds to start again. So now we鈥檙e lining up investor funds for an even larger facility. The wind is back in our sails.鈥